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

【问题标题】：How to set gujarati fonts on Android in Phonegap如何在 Phonegap 中的 Android 上设置古吉拉特语字体
【发布时间】：2013-11-14 12:21:47
【问题描述】：

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 上显示古吉拉特语字体，但在任何设备上均不显示。

谢谢。

【问题讨论】：

您找到解决方案了吗？

标签： android html css cordova fonts

【解决方案1】：

您必须为 Gujarati 字体生成 webfont。由于您的字体安装在本地桌面上，因此可以正常工作。

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

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

【讨论】：

【解决方案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; }

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

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

希望这会有所帮助。

【讨论】：

感谢您的回复。我已经用过这个了。但是它不起作用。
那么很可能，这不是字体问题，而是您设备的语言支持问题。请检查您是否可以在您的设备上显示任何Gujarati 文本。
曾尝试在我的布局中使用 webview 在 android 设备中加载任何古吉拉特语网站。它显示完美，但我的 html 文件没有显示古吉拉特语单词。