font-family 需要设置一个默认值

2019-06-13 admin

font-family 字义显示的字体,特定的字体用 “” 包裹,可以添加多个字体名,用逗号,分隔。 系统在使用的时候,会从前往后识别字体,如果不存在字体,就使用下一个。

一直以来,我都是这样写的,黄色的标记说明语法不规范。

clipboard.png

平时工作忙,一直没有处理这个问题。 今天闲下来才打算细看一下是什么原因。

这个警告的原因是: 该字体声明没有指定默认字体,就是说如果前面这些字体都不存在,并没有默认字体可选。

解决的办法就是在后面添加一个规范的字体集合,每个集合名都代表了一类固有的相似长相字体集合

参阅 MDN 文档: https://developer.mozilla.org…

可选的有: serif sans-serif monospace cursive fantasy system-ui math emoji fangsong

如下:

clipboard.png

当加入默认字体的时候,不规范的提示就没有了

clipboard.png

[转载]原文链接:https://segmentfault.com/a/1190000019468267

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-67213.html

文章标题:font-family 需要设置一个默认值

相关文章
JavaScript数组对象实现增加一个返回随机元素的方法
本文实例讲述了JavaScript数组对象实现增加一个返回随机元素的方法。分享给大家供大家参考。具体如下: 核心特性: 概率随机、顺序随机、随机冒泡 本方法 来自个人手写 JavaScript 的实践,只涉及 JavaScript 1.5(...
2017-03-27
JavaScript使用pop方法移除数组最后一个元素用法实例
本文实例讲述了JavaScript使用pop方法移除数组最后一个元素的用法。分享给大家供大家参考。具体如下: 下面的代码演示了JS数组的pop方法,可以用来移除数组的最后一个元素,实际上就是把数组当成堆栈使用 <!DOCTYPE ht...
2017-03-22
js日期范围初始化得到前一个月日期的方法
本文实例讲述了js日期范围初始化得到前一个月日期的方法。分享给大家供大家参考。具体分析如下: 今天做时间范围的初始化设定,开始时间是当前时间的前一个月,终于找到完美的解决方案了。 Date.prototype.format = functi...
2017-03-23
JS实现带缓冲效果打开、关闭、移动一个层的方法
本文实例讲述了JS带缓冲效果打开、关闭、移动一个层的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1...
2017-03-23
JavaScript获取一个范围内日期的方法
本文实例讲述了JavaScript获取一个范围内日期的方法。分享给大家供大家参考。具体分析如下: 指定开始和结束时间,范围该范围内的所有日期放入数组 Date.prototype.addDays = function(days) { v...
2017-03-22
JavaScript将一个数组插入到另一个数组的方法
本文实例讲述了JavaScript将一个数组插入到另一个数组的方法。分享给大家供大家参考。具体分析如下: 这段JS代码可以通过Array.prototype.push.apply方法将一个数组插入到另外一个数组,下面的代码将数组b插入到a ...
2017-03-21
js实现同一个页面多个渐变效果的方法
本文实例讲述了js实现同一个页面多个渐变效果的方法。分享给大家供大家参考。具体分析如下: 这里可实现5个元素中随便一个,鼠标移上去透明度渐渐增加,鼠标移出,透明度渐渐减小的效果。 要点一: var speed = 0; if(target&...
2017-03-22
使用mpvue开发小程序需要注意和了解的知识点
一、实例生命周期 除了Vue本身的生命周期处,mpvue还兼容了小程序的生命周期,这部分生命周期的钩子来源于微信小程序的Page,除特殊情况外,不建议使用小程序的生命周期钩子。 app 部分: onLaunch,初始化 onShow,当小...
2018-05-23
VUE开发一个图片轮播的组件示例代码
本人刚学习vue,用vue做了个图片轮播,下面我来记录一下,有需要了解VUE开发一个图片轮播的组件的朋友可参考。希望此文章对各位有所帮助。 完成效果图如下: vue开发的思路主要是数据绑定,代码如下: <template> ...
2017-03-14
用Python3来实现一个简单的Web服务器
写在开始之前 什么是Web服务器? Web服务器,顾名思义就是提供 Web 服务的服务器,我们这里要做的,确切的说应该是服务器程序 为什么要写Web服务器? Just for fun 享受动手的乐趣 看懂本文章需要哪些基础? 正式开始 im...
2018-05-11
回到顶部