Question

我正在尝试在我的博客上使用名为Arimo的字体，无论我尝试什么，我都无法让它工作。我尝试通过谷歌字体使用它，下载并使用this helper app在我的博客上提供。

我在Ubuntu 16.04上使用Chrome。其他字体也可以使用，但每当我尝试使用Arimo时，它都会默认返回到Liberation Sans。在dev工具的网络选项卡中，控制台或文件中没有错误。实际上，字体似乎从未尝试过下载。

这是最小的可重复样本。

/* CSS */
@import 'https://fonts.googleapis.com/css?family=Arimo';

body {
  font-family: 'Arimo', sans-serif;
}

<!-- HTML -->
<div>Here's some sample text.</div>

我不知道还有什么办法可以解决它。

Answer 1

这对我来说正常，在你的jsfiddle上。

请注意，Arimo的设计看起来像Arial，所以你可能无法立即区分它们，特别是考虑到你的后备字体是“sans-serif”，它将在Windows机器上默认为Arial。

尝试使用“serif”或“monospace”的后备来更好地验证它是否正常工作。

如果它不起作用，可能是由于与计算机上安装的字体发生冲突。如果您的计算机上安装了名为“Arimo”的字体，则浏览器可能会尝试使用该字体而不是webfont。如果您的计算机上安装的字体出现问题，可能会导致它失败。

因此，另一个故障排除步骤是在另一台计算机上尝试。

Answer 2

适用于Mac Chrome。检查员显示它正常工作。我甚至将后备字体改为草书并得到了相同的结果。

尝试将local字体名称设置为永远不会与已安装的字体名称冲突的内容，例如Unicode Smiley Face（☺︎）。 Read Paul Irish's take on the issue