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

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应用程序中使用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首先覆盖的东西.