android - 网站的字体Cambria在任何Android设备上均不起作用

我已经使用AngularJs实现了一个网站。我使用字体家族使用了包括cambria和calibri在内的几种字体，这些字体在Webiste上甚至在Ios Mobiles（Safari浏览器）上都可以完美地工作，但是我在所有Android版本和浏览器上都检查过了，但在任何Android设备上都无法使用

我用过

font-family : cambria

在CSS中。

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

最佳答案

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;