CSS字体族属性IDE(PHPStorm)警告

CSS字体族属性IDE(PHPStorm)警告,css,fonts,phpstorm,Css,Fonts,Phpstorm,我正在使用PHPStorm 8.0.3,在我的CSS文件中,我得到了font-family规则的警告 此检查验证CSS字体族属性是否包含 作为备用方案的通用字体名称 我添加了如下字体: .my_text { font-family: 'DINPro-Medium'; } @font-face { font-family: 'DINPro-Medium'; src: url(font/DINPro-Medium.eot); src: url(font/DINPro

我正在使用PHPStorm 8.0.3,在我的CSS文件中,我得到了
font-family
规则的警告

此检查验证CSS字体族属性是否包含 作为备用方案的通用字体名称

我添加了如下字体:

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

我无法理解问题所在。

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

例如,
字体系列:“DINPro中”,衬线


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

取消选中此复选框将禁用此复选框:


背景→ 编辑→ 检查→ CSS→ 可能的错误→ 缺少通用字体名称

只需在代码块前添加注释:

// noinspection CssNoGenericFontName
.my_text {
    font-family: 'DINPro-Medium';
}
您可以阅读以下内容:

我们有很多关于
FontAwesome
的警告-在这里,SAN没有太多意义-你怎么看?@Alex我认为图标字体的通用后备方法没有太多意义,请忽略警告。@halfzebra但我希望警告栏干净:)@Alex你可以在启用相关规则的情况下使用stylelint,您可以在每行的基础上禁用它,这样可以安全地禁用PHPStorm中的检查。在您的回答中,请提供一些详细信息和解释,而不仅仅是一个链接和代码段。最好的方法是指定一个备用字体:字体系列:“dosis”,serif;