Question

我正在尝试将自定义字体添加到我的PhoneGap应用程序中，我尝试了两种在互联网上找到的方法，但它们无法使用PhoneGap 3和Xcode 5.

使用CSS font-face 方法：
```
@font-face {
           font-family: 'Droid Arabic Kufi';
           src: url('fonts/DroidKufi-Regular.ttf');
         }

body {
     font-family: 'Droid Arabic Kufi';
   }
```
使用Xcode info.plist 文件方法：
1. 首先，我在项目资源文件夹中添加了 DroidKufi-Regular.ttf 。
2. 然后在名为Fonts provided by application的 info.plist 文件中添加了一个名为DroidKufi-Regular.ttf的新行。但仍然无效。
3. 因此，在viewDidLoad方法中，我添加了这行代码[UIFont fontWithName:@"Droid Arabic Kufi" size:10.0];，但仍无效。

Answer 1

这适用于我的应用。 'fonts'是包含css文件的目录中的子目录。

@font-face {
    font-family: 'grenouille';
    src: url('fonts/grenouille.eot');
    src: local('☺'), url('fonts/grenouille.woff') format('woff'), url('fonts/grenouille.ttf') format('truetype'), url('fonts/grenouille.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-family: "grenouille";
}

我不确定您是否需要所有这些文件，但您可以使用网站http://www.fontsquirrel.com/tools/webfont-generator生成它们

如果您仍有问题，请检查字母大小写，从名称中删除空格并尝试应用预先安装的字体系列，以确保您的问题是字体而不是css规则。

如何在PhoneGap中添加自定义字体

1 个答案: