android - 网站的字体 cambria 不适用于任何 android 设备

Question

我已经使用 AngularJs 实现了一个网站。我使用了几种字体，包括使用 font-family 的 cambria 和 calibri，这些字体在 Webiste 甚至在 Ios Mobiles(Safari 浏览器)上都运行良好，但是在我检查了所有 android 版本和浏览器的任何 Android 设备上都不起作用

我用过

font-family : cambria 

在 CSS 中。

任何帮助将不胜感激。谢谢。

Answer 1

Android 设备通常没有在其系统上安装 Cambria 字体，因此 Android 浏览器无法显示带有该字体的文本。

您可以使用 CSS 字体堆栈，这样如果未安装一种字体，浏览器将尝试使用下一种:

font-family: Cambria, Georgia, serif;

---

或者你可以看看Web Fonts .

在您的网站上，将字体 Cambria 放在类似 /cambria.ttf 的 url 中。然后你可以像这样在 CSS 中使用它:

@font-face {
  font-family: 'MyCambria';
  src: url('webfont.ttf')  format('truetype');
}

现在使用

font-family: Cambria, 'MyCambria', serif;