Google Web 字体“Drod Arabic Kufi”不适用于 Safari 浏览器

Question

我在我的网络应用程序中使用了谷歌网络字体“Droid Arabic Kufi”，该字体适用于Google Chrome、Mozilla Firefox 和Microsoft Edge，但它不适用于Apple Safari .. 我是什么做的是：

1- 导入CSS文件顶部的字体：

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

2- 用过，例如：

body {
font-family: 'Droid Arabic Kufi', sans-serif;
background-color: #f8fafb;}

为什么Safari浏览器不能像其他浏览器那样识别字体？

Answer 1

我通过以下步骤解决了这个问题：

1- 下载.ttf 格式文件并将其包含到我的项目文件中。

2- 使用@Font-face 属性手动定义字体名称并给出源文件。

@font-face {
font-family: Droid Arabic Kufi;
src: url(../../fonts/Droid.Arabic.Kufi.ttf);}

3- 访问 Font-family 属性所需的任何元素中定义的字体。

body {
font-family: 'Droid Arabic Kufi', sans-serif;
background-color: #f8fafb;}

使用这种方式，字体可以在以下浏览器上完美运行：

• 苹果 Safari
• 谷歌浏览器
• 微软边缘
• Mozilla Firefox
• 歌剧