CSS 字体系列属性 IDE (PHPStorm) 警告

Question

我正在使用 PHPStorm 8.0.3，在我的 CSS 文件中，我收到关于 font-family 规则的警告。

This inspection verifies that the CSS font-family property contains a generic font name as a fallback alternative.

我添加的字体如下:

.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;
}

我不明白这是什么问题。

Answer 1

建议在使用自定义字体时添加通用字体系列作为备用。

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

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