2

Phonegap 是关于 html、css 和 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>

科尔多瓦：科尔多瓦-2.5.0

安卓：4.1.2

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

它在三星 tab2 上显示古吉拉特语字体，但在任何设备中均未显示。

谢谢。

4

2 回答 2

1

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

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

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

于 2013-11-13T05:13:00.620 回答
1

通常，Phonegap 应用程序就像本地网页一样，因此您应该能够像为您的网站设置字体一样设置字体。例如，我可以在我的应用程序中使用谷歌字体，只需按照他们记录的链接进行链接。

<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; }

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

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

希望这可以帮助。

于 2013-11-13T05:16:06.813 回答