如何在PhoneGap中使用自定义字体？

Question

我正在使用PhoneGap来构建Android应用程序，但是遇到了一些问题。

<style type="text/css">
@font-face{
    font-family: customfont;
    src: url("fonts/THSarabunNew.ttf") format('truetype');

}
body {
    font-family: customfont;
    font-size:30px;
}
</style>

我尝试在 index.html 文件中使用这段代码，但是应用程序无法使用我的自定义字体。

请告诉我如何在 Android 应用程序中使用自定义字体的方法。

谢谢。

- Giffary

---

它会起作用的，我认为某些样式正在覆盖body的CSS。 - Ranganadh Paramkusam

对我来说不起作用... - gnganapath

Answer 1

<style type="text/css" media="screen">
        @font-face {
            font-family: centurySchoolbook;
            src: url(/fonts/century-schoolbook.ttf);
        }
       body {
           font-family: centurySchoolbook;
           font-size:30px;
       }
</style>

如果您的字体仍然无法正常工作，请确保正确拼写了其字体名称和文件名，应用程序缓存行为正常，移动操作系统没有干扰字体。首先检查 CSS 是否覆盖了某些内容。

- Mayur Birari