CSS font-family property IDE (PHPStorm) warning

Question

I'm using PHPStorm 8.0.3 and in my CSS file I get warning for font-family rule.

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

I added the font as follows:

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

I can not understand what the problem is.

Answer 1

It is recommended to add generic font families as a fallback while using a custom font.

Eg. font-family: 'DINPro-Medium', serif;

If the browser fails to load files for your custom font, it will use generic serif font.

Answer 2

Uncheck this checkbox which will disable the check:

Settings → Editor → Inspections → CSS → Probable bugs → Missing generic font name