如何在手机空白中使用自定义字体？

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 app上使用phonegap中的自定义字体的方法。

感谢

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首先覆盖的东西。