CSS font-family属性IDE(PHPStorm)警告

Question

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

此检查验证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;
}

我无法理解问题所在.

Answer 1

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

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

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

Answer 2

取消选中此复选框将禁用该检查：

\n

\n

设置 \xe2\x86\x92 编辑器 \xe2\x86\x92 检查 \xe2\x86\x92 CSS \xe2\x86\x92 可能的错误 \xe2\x86\x92 缺少通用字体名称

\n