2015-07-13 69 views
11

我使用的是PHPStorm 8.0.3,在我的CSS文件中,我得到了font-family规则的警告。CSS font-family属性IDE(PHPStorm)警告

此检查验证CSS font-family属性是否包含 通用字体名称作为备用备选方案。

我加入了字体如下:

.my_text { 
    font-family: 'DINPro-Medium'; 
} 

@font-face { 
    font-family: 'DINPro-Medium'; 
    src: url(font/DINPro-Medium.eot); 
    src: url(font/DINPro-Medium.eot?#iefix) format('embedded-opentype'), 
    url(font/DINPro-Medium.ttf) format('truetype'), 
    url(font/DINPro-Medium.woff) format('woff'), 
    url(font/DINPro-Medium.svg#DINPro-Medium) format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

我不明白是什么问题。

回答

21

建议在使用自定义字体时将通用字体系列添加为回退。

例如, font-family: 'DINPro-Medium', serif;

如果浏览器无法加载自定义字体的文件,它将使用通用的serif字体。

+0

当看到这个问题时,我添加了'san-serif',但是由于错字* san *它无法帮助。谢谢你的回答。 –

+1

我们对'FontAwesome'有很多警告 - 在这里sans并没有多大意义 - 你怎么看? – Alex

+0

@Alex我认为为图标字体设置一个通用回退没有多大意义,只需忽略该警告即可。 – halfzebra