2015-11-06 110 views
0

我正在从静态转换为响应式设计的大型网站上工作。我遇到了一个奇怪的问题,我的字体家族CSS不再起作用。我正在使用我们购买的自定义字体(HelveticaNeueW01-55Roma)。下面是我的CSS:字体系列CSS使用不正确的字体

.secondLevel ul a{ 
    font-family: "HelveticaNeueW01-55Roma"; 
} 

当我查看了检查,我可以看到的字体家族的认可,并且正在使用。但是,字体不会显示正确的系列(请参见屏幕截图)。有人知道这个问题可能是什么吗?我试着换了另一个HelveticaNeue(HelveticaNeueW01-85Heav)的字体系列,而且工作得很好。只有当我使用导致问题的55Roma时。

截图: incorrect font fmaily

回答

2

确保你正确地@font-face定义字体系列:

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

谢谢@taxicala!我现在就试试这个。 – EricBellDesigns

+0

所以我发现用font-face声明的其他字体(85重),并且我错过了不正确的特定声明。但是,这是与以前版本的网站使用的代码相同的代码,并且55罗马字体可以使用相同的浏览器正常工作。除了85重型战车外,我是否还需要包括55架罗姆人的字体?如果是这样,我很困惑,为什么它以前工作。 – EricBellDesigns

+0

可能是的,因为它们是不同的字体。 – taxicala

0

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

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

相关问题