css - @font-face 两个解析错误

Question

网站在桌面浏览器上运行完美。

在手机浏览器上，网站不读取字体文件。

所以我检查了CSS验证器，发现了2个错误，解析错误。我尝试了几种不同的方法，但似乎无法摆脱解析错误。这是有错误的代码。字体文件存储在本地。

如有任何建议，我们将不胜感激。

@font-face {
  font-family: 'trashhand';
  src: url('TrashHand.ttf');
}

Answer 1

您可以尝试为字体系列的使用创建一个后备系统。例如:

font-family:'Trashhand', 'Lucida Sans', 'Arial'

回退系统的主要目的是创建替代字体使用，因此如果浏览器不支持第一种字体，它将尝试下一个选项。