Question

Phonegap是关于html，css＆amp; JS。所以我需要在html / css中设置字体。我想在我的html页面中显示一些古吉拉特语字体。它适用于我桌面的浏览器。但是我的Android设备中没有显示此页面。

HTML：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css"
href="../jquery.mobile/jquery.mobile-1.3.1.css">
<script src="../jquery.mobile/jquery-1.9.1.min.js"></script>
<script src="../jquery.mobile/jquery.mobile-1.3.1.js"></script>

<!-- Cordova -->
<script type="text/javascript" charset="utf-8"
    src="../js/cordova-2.5.0.js"></script>
<style type="text/css" media="screen">
        @font-face {
            font-family: centurySchoolbook;
            src: url(../fonts/Shruti.ttf)format("opentype");      
        }
       body {
           font-family: centurySchoolbook;
           font-size:30px;
       }
</style>

</head>
<body>

    <div style="font-family: 'centurySchoolbook';">શ્રુતિ ફોન્ટ શું છે અને તે કેવી રીતે વાપરવો ? </div>

</body>
</html>

cordova：cordova-2.5.0

android：4.1.2

我已将此行src: url(/fonts/Shruti.ttf)format("opentype");更改为src: url(/fonts/Shruti.ttf)format("truetype");＆amp;也用作src: url(/fonts/Shruti.ttf)。但是没有办法在我的Android设备上工作。任何人都知道如何解决这个问题吗？任何帮助将不胜感激!!

它在samsung tab2上显示gujarati字体，但未在任何设备中显示。

感谢。

Answer 1

你必须要做的就是为古吉拉特语字体生成webfont。由于您的字体安装在本地桌面上，因此工作正常。

要生成网络字体，请查看此网址：

http://www.fontsquirrel.com/tools/webfont-generator

Answer 2

通常，Phonegap应用程序就像本地网页一样，因此您应该能够像为自己设置的网站一样设置字体。比方说，我可以在我的应用中使用Google字体，只需链接，因为他们有documented。

<link href='http://fonts.googleapis.com/css?family=Jolly+Lodger' rel='stylesheet' type='text/css'>

并为其创建CSS定义。

h1 { font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; }

但这涉及app加载时的网络请求。因此，更好的方法是在您的app目录中使用字体文件，并从中创建CSS定义。

@font-face {
     font-family: "customfont";
     src: url("./XXXX.ttf") format("opentype");   
}

希望这有帮助。

如何在Phonegap中的Android上设置古吉拉特语字体

2 个答案: