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.

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。