作者:mobiledu2502936967 | 来源:互联网 | 2023-05-28 13:13
font-familyfont-family字义显示的字体,特定的字体用“”包裹,可以添加多个字体名,用逗号,分隔。系统在使用的时候,会从前往后识别字体,如果不存在字体,就使用下一
font-family
font-family 字义显示的字体,特定的字体用 “”
包裹,可以添加多个字体名,用逗号,
分隔。
系统在使用的时候,会从前往后识别字体,如果不存在字体,就使用下一个。
一直以来,我都是这样写的,黄色的标记说明语法不规范。
![《font-family 需要设置一个默认值》](https://img.php1.cn/3cd4a/1eebe/cd5/bdd1ca32a69bc8b2.webp)
平时工作忙,一直没有处理这个问题。
今天闲下来才打算细看一下是什么原因。
这个警告的原因是: 该字体声明没有指定默认字体,就是说如果前面这些字体都不存在,并没有默认字体可选。
解决的办法就是在后面添加一个规范的字体集合,每个集合名都代表了一类固有的相似长相字体集合
参阅 MDN 文档:
https://developer.mozilla.org…
可选的有: serif
sans-serif
monospace
cursive
fantasy
system-ui
math
emoji
fangsong
如下:
![《font-family 需要设置一个默认值》](https://img.php1.cn/3cd4a/1eebe/cd5/bff2716168d1ed7b.webp)
当加入默认字体的时候,不规范的提示就没有了
![《font-family 需要设置一个默认值》](https://img.php1.cn/3cd4a/1eebe/cd5/0a0ce631ec450943.webp)