如何查看網頁上的字體

font-family 設置了那麼多字體,瀏覽器到底使用了哪個?

最近,有個小盆友的Boss問他,咱們網站用的什麼字體?
小盆友按照css的規則,告訴Boss,瀏覽器會使用它可識別的第一個字體,如果瀏覽器不支持第一個字體,則會嘗試下一個。
顯然,小盆友沒說清楚想要的答案,Boss不買賬。
受了批評的小盆友,一臉委屈的找到我。 我第一反應是拒絕的,這個百度一下,應該會有的。
既然你也進來了,一定是和他一樣,沒找到個合適的文章。
主要是讓他學會如何解決問題,不是我要難爲他,浪費他的時間。
接下來進入正題:

研究一下 “百度爲您找到相關結果約8,240,000個” 用了什麼字體

以Google瀏覽器爲例

檢查元素

我在百度搜索了一個關鍵詞,檢查下圖劃線部分的這個元素:
在這裏插入圖片描述
右擊也好,F12也罷,總之得到下圖這個結果
在這裏插入圖片描述
到這裏你已經成功80%了

查看字體

點擊Computed這裏,是不是看到計算屬性了
不要急,往下看,最下面
在這裏插入圖片描述
看到我紅色方框了吧。
恭喜你,成功了!
微軟雅黑字體 —— 12個字符
Arial字體 ———— 9個字符
不信的話,自己數一下【百度爲您找到相關結果約8,240,000個】

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章