font family css使用不正确的字体

Question

我正在开发一个大型网站，我正在从静态转换为响应式设计。我遇到了一个奇怪的问题，我的字体系列CSS不再有效。我使用的是我们购买的自定义字体（HelveticaNeueW01-55Roma）。下面是我的CSS：

map()

当我查看检查器时，我可以看到font-family被识别并正在使用中。但是，字体不会显示正确的系列（请参见屏幕截图）。有谁知道问题是什么？我已经尝试将字体系列替换为另一个HelveticaNeue（HelveticaNeueW01-85Heav），并且完全正常。只有当我使用导致问题的55Roma时才会这样。

截图：

Answer 1

确保使用@font-face正确定义字体系列：

@font-face {
    font-family: "HelveticaNeueW01-55Roma";
    src: url("path/to/HelveticaNeueW01-55Roma.woff");
}

Answer 2

我会确保你包括所有各种形式的字体，.woff，ttf，eot等等。

不同的浏览器支持不同的格式。