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 字体。

Answer 2

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

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

Answer 3

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

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

你可以阅读它： https://www.jetbrains.com/help/webstorm/disabling-and-enabling-inspections.html#suppress-inspection-results

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

CSS font-family property IDE (PHPStorm) warning

css

fonts

phpstorm

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

CSS font-family property IDE (PHPStorm) warning

css

fonts

phpstorm

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