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

Question

我使用AngularJs实现了一个网站。我使用了几种字体，包括使用font-family的cambria和calibri，这些字体在Webiste上运行得很完美，甚至在Ios Mobiles（Safari浏览器）上也是如此，但是我检查过所有Android版本和浏览器的任何Android设备都没有这样做

我用过

val handlers: Map[Any, () => Unit] = HashMap(
  DimensionList1.Platform -> doSomethingForPlatform,
  DimensionList1.Region -> doSomethingForRegion,

  DimensionList2.Platform -> doSomethingForPlatform,
  DimensionList2.Region -> doSomethingForRegion,
  DimensionList2.Scope -> doSomethingForScope
)

在css。

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

Answer 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;