font property font-family does not have generic default？

时间 2020-06-03

标签 font property family generic default 繁體版

原文原文链接

在 CSS 中，有两种不一样类型的字体系列名称：html

通用字体系列（generic family name） - 拥有类似外观的字体系统组合（好比 "Serif" 或 "Monospace"）
特定字体系列（font family name） - 具体的字体系列（好比 "Times" 或 "Courier"）

除了各类特定的字体系列外，CSS 定义了 5 种通用字体系列：git

Serif 字体
Sans-serif 字体
Monospace 字体
Cursive 字体
Fantasy 字体

font property font-family does not have generic default 是编辑器在提醒咱们CSS font-famiy须要配置用来 fallback 的 generic-name。express

原文以下（连接https://www.w3.org/TR/CSS21/fonts.html#generic-font-families）：api

Style sheet designers are encouraged to offer a generic font family as a last alternative. Generic font family names are keywords and must NOT be quoted.app

Font family names must either be given quoted as strings, or unquoted as a sequence of one or more identifiers. This means most punctuation characters and digits at the start of each token must be escaped in unquoted font family names.编辑器

For example, the following declarations are invalid:ide

font-family: Red/Black, sans-serif;
font-family: "Lucida" Grande, sans-serif;
font-family: Ahem!, sans-serif;
font-family: test@foo, sans-serif;
font-family: #POUND, sans-serif;
font-family: Hawaii 5-0, sans-serif;

If a sequence of identifiers is given as a font family name, the computed value is the name converted to a string by joining all the identifiers in the sequence by single spaces.字体

To avoid mistakes in escaping, it is recommended to quote font family names that contain white space, digits, or punctuation characters other than hyphens:spa

body { font-family: "New Century Schoolbook", serif }

<BODY STYLE="font-family: '21st Century', fantasy">

Font family names that happen to be the same as a keyword value ('inherit', 'serif', 'sans-serif', 'monospace', 'fantasy', and 'cursive') must be quoted to prevent confusion with the keywords with the same names. The keywords 'initial' and 'default' are reserved for future use and must also be quoted when used as font names. UAs must not consider these keywords as matching the '<family-name>' type. code

Generic font families are a fallback mechanism, a means of preserving some of the style sheet author's intent in the worst case when none of the specified fonts can be selected. For optimum typographic control, particular named fonts should be used in style sheets.

All five generic font families are defined to exist in all CSS implementations (they need not necessarily map to five distinct actual fonts). User agents should provide reasonable default choices for the generic font families, which express the characteristics of each family as well as possible within the limits allowed by the underlying technology.

User agents are encouraged to allow users to select alternative choices for the generic fonts.