1. 程式人生 > 實用技巧 >font-family 需要有個預設值

font-family 需要有個預設值

font-family

font-family 字義顯示的字型,特定的字型用 “” 包裹,可以新增多個字型名,用逗號,分隔。
系統在使用的時候,會從前往後識別字體,如果不存在字型,就使用下一個。

一直以來,我都是這樣寫的,黃色的標記說明語法不規範。
在這裡插入圖片描述

平時工作忙,一直沒有處理這個問題。
今天閒下來才打算細看一下是什麼原因。

這個警告的原因是: 該字型宣告沒有指定預設字型,就是說如果前面這些字型都不存在,並沒有預設字型可選。

解決的辦法就是在後面新增一個規範的字型集合,每個集合名都代表了一類固有的相似長相字型集合

參閱 MDN 文件: https://developer.mozilla.org/en-US/docs/Web/CSS/font-family

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

如下:

在這裡插入圖片描述

當加入預設字型的時候,不規範的提示就沒有了

在這裡插入圖片描述