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

【问题标题】：Font cambria of website is not working on any android devices网站的字体 cambria 不适用于任何 android 设备
【发布时间】：2017-10-19 10:40:42
【问题描述】：

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

我用过

font-family : cambria

在 CSS 中。

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

【问题讨论】：

您使用的是网络字体吗？如果没有，Android 默认没有安装 Cambria。
adroid 上只有三种标准字体：普通（Droid Sans）、衬线（Droid Serif）和等宽（Droid Sans Mono）。所以你的字体不起作用是正常的。
是的，我们正在使用网络字体，但我们真的不确定如何解决这个问题
显示您的网络字体代码
正文 { 字体系列：寒武纪；背景颜色：#2f4050；字体大小：13px；颜色：#676a6c；溢出-x：隐藏； }

标签： android html css angularjs

【解决方案1】：

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

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

font-family: Cambria, Georgia, serif;

或者你可以看看Web Fonts。

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

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

现在使用

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

【讨论】：

非常感谢。为我工作