字體是各種信息類畫面中至關重要的組成部分，日常工作中，設計師經常被問及到的一個問題就是這是什么字體。

然而字體的種類繁多，尤其是對國內設計師們來說不太熟悉的西文字體，體系更為龐雜，想一眼認出所用字體是非常困難的。因此如何方便快速知道某個地方用的是什么字體就成為了設計師經常需要做的事情。

下面就介紹幾種常用的識別方法或者是查詢思路，希望看過之后能有所啟發，以后就不用到處求人認字了。

1. Web Font 網頁上的字體

網頁上的字體識別最為簡單，我們只需要找到瀏覽器調用的字體文件的名稱就可以了，很多瀏覽器都提供了代碼檢查的模式來找到我們想要的字體信息，當然這個功能一般來說是提供給前端開發使用，對于設計師們來說不太友好。不過好在有各種 “哪里不會點哪里” 的瀏覽器插件，普通用戶也可以方便地知道網頁上使用的字體。

此類瀏覽器插件很多，比如 WhatFont;FontFace Ninja;CSS Peeper。推薦挑剔的設計師們使用顏值更高的 CSS Peeper。

Csspeeper

△ 上圖為使用 WhatFont 檢索網頁頁面字體

簡單介紹一下 CSS Peeper，它不僅能識別字體，還可以快速識別網頁中的各種元素的屬性，比如說大小、色值甚至是圖片資源，強烈推薦網頁設計師們使用。

點擊 CSS Peeper 插件圖標后可激活插件本體，之后就可以點擊網頁上的字體進行識別。

需要注意的是，識別出來的字體名稱顯示在 FONT-FAMILY 內，但是一般情況下這里顯示的是一大串字體的名稱，那么如何知道我們點擊的字體使用的是其中的哪一個呢?這里就需要介紹一下瀏覽器的字體調用規則。

瀏覽器調用字體文件的規則是根據 FONT-FAMILY 部分字體名稱的排列順序來的，也就是說優先使用排在前面的字體。由于中文字體中包含了英文字母，因此通常情況下，瀏覽器會優先使用中文字體中的字母來取代英文字體，而這往往是我們不希望看到的，所以一般都會把西文字體優先排在 FONT-FAMILY 列表前面。

在了解了瀏覽器的字體調用規則后，再排除 FONT-FAMILY 列表中一些我們日常用到常見字體，例如 “ PingFang SC(蘋方-簡)”、“ Helvetica Neue ”、“ STHeiti(華文黑體)”、“ Microsoft Yahei(微軟雅黑)”、“Simsun(宋體)”，最后得到你想要字體就非常簡單了。

2. 圖片印刷物上的字體

這類情況下除非是那些憑熟悉程度一眼可以認出的字體，大部分的字體的識別都比較困難。雖然沒有一個好的解決辦法，但是這里也可以提供一些思路給大家。

2.1 使用字體搜索工具以圖辨字

設計師經常碰到的一個場景是，搜集到一些很贊設計作品，進而想知道圖片中所使用的字體。這種情況下我們就可以使用一些通過上傳圖片來進行字體識別的服務。提供識別圖片中的西文字體的網站較多，有大名鼎鼎的在線商業字體銷售平臺 MyFonts 旗下的 WhatTheFont;也有高質量免費西文字體下載網站 Font Squirrel 提供的Font Identifier 以及 WhatFontis 等。

WhatTheFont

識別中文字體可以使用求字體(最近老羅在堅果 Pro 的發布會上也介紹到 Smartisan OS 增加了與求字體網合作的字體識別功能)。值得一提的是求字體宣稱不光可以識別中文還可以識別英、日韓、俄、書法等多種類字體，大家有興趣可以都去嘗試看看。

這類服務的使用方法以及一些小 Tips (例如在上傳圖片前對圖片進行一定的處理以優化識別效果)都大同小異，且在以上網站都有專門的介紹頁面，因此就不再贅述了。

當然，這種方法因網站本身字體庫的大小以及識別技術上的限制，免不了會有識別結果不符的情況出現，但就現階段來看已是非常實用的工具了。

2.2 搜作者名字及出處

如果字體搜索工具不能提供滿意的結果，不妨試試以下補充方法。

首先要善用以圖搜圖(上傳圖片尋找相似圖片的功能)，推薦使用萬能的 Google 圖片 或是老牌的 TinEye 。在搜索結果中尋找圖片的原始出處，如果是來自 Dribbble、Behance、Pinterest 等社區中的圖片，你就可以按圖索驥知道作者的一些簡介信息、以及常用的樣式，哪怕直接留言私信詢問也是可行的。

△ 上圖為以圖搜圖網站 TinEye

還有一個網站 Fonts In Use 專門收集各類設計作品中的所使用的西文字體，不妨可以做為參考。

2.3 “人工智能”搜索法

如果嘗試完以上方法后仍然沒有找到你想要的結果，而恰好你又犯強迫癥了，那只有使出 “人工智能” 大法。當然這里的 “人工智能” 的含義是指：動手動腦自己找!這種方法乍一看不太可行，然而只要你對各類字體家族和概念足夠了解，還是可以辦到的。

因為字體公司之間的并購，獨立的小型字體工作室已所剩不多。各種字體大廠(例如方正、漢儀、造字工房)都提供了字體列表實時預覽你所自定義的文字的功能。在你知道了所查字體的大致分類以及特性之后再使用這類字體大廠提供的篩選條件來縮小尋找范圍，往往有時候會產生奇效。

△ 上圖為字體廠商漢儀所提供的字體檢索頁面

三、字體管理及推薦

1. 字體管理軟件 RightFont 及字體分類

使用 Mac 的設計師們除了使用自帶的字體冊管理安裝字體以外，還可以使用各類第三方廠商開發的更好用的字體管理工具，例如這里要推薦的 RightFont。

RightFont 是一款輕量快速的字體管理工具，它可以做到快速預覽、同步、管理字體，甚至還自帶了多種開源圖標庫。軟件本身雖小，但可實現的功能卻很多，建議大家直接去官網訪問了解更多的使用姿勢。

也可以看這兒：《設計師們!超好用的字體管理工具RightFont》

在對字體進行管理的時候，最重要的是我們需要有一套自己的分類規則，例如可以按“襯線類(宋體等)”、“非襯線類(黑體等)”來分，也可以按 “粗壯”、“纖細” 來分。分類規則沒有優劣之分，也沒有一個統一的的準則，只要是能讓你加速工作流程就是合適的。

個人建議按照字體的 “性格” 特性來分類。每種字體都有各自的 “性格” 特性，例如西文襯線體線條尾巴上的裝飾和柔滑的曲線，讓它看起來就像一位典雅端莊的英國淑女。因而西文襯線體很適合用在古典、優雅、復古、女性等場景中。還例如非襯線體線條筆畫粗細統一且毫無任何修飾，它們可以低調自然得融入到畫面中，因此非襯線體有著現代、未來、簡約的特性，適用于大部分尤其是在表達極簡風格的場景之中。

下圖中所展示的 Didot 字體就是一款現代襯線體，發絲襯線。特點是強烈的筆畫粗細對比和水平襯線，時尚，現代，優美。

根據字體的 “性格” 和使用場景，可將電腦上的中文字體大致分為 “襯線類(宋體等)”、“非襯線類(黑體等)”、“綜藝美術”、“現代手寫”、“古風書法”、“趣味個性” 以及根據字體設計廠商來歸類的 “造字工房” 、“文悅字型” 、“白舟書體” 等。 注意這些分類是可以互相交叉的，例如有些字體既是 “現代手寫” 又可以是 “趣味個性” 的。

每當獲得一個新字體的時候，就可以根據這套規則進行分類處理，方便今后在每項設計的過程中，只需根據項目的情景需求尋找對應分類里的字體即可。

例如設計一個情感向的閃屏頁面，其中的字體就可以在 “襯線類” 和 “現代手寫” 這幾個列表面去尋找對比。再例如為具有未來感的科技項目設計標題的時候，可以在 “非襯線類” 和 “綜藝美術” 的列表里面尋找參考和想法。

2. 常用中文字體推薦

這里主要對字體分類的使用場景做進一步的說明，以及推薦各分類下常用的中文字體。

襯線類(宋體)

主要以宋體和仿宋為主，這類字體適用面廣泛，常用于書籍、雜志、海報印刷排版之中。宋體歷史悠久，字型方正且粗細有致，小字重清秀古典，大字重穩重又不失優雅。在表現年代、古典、傳統、復古、莊重、優雅、女性、美食、質感、情感化等許多情景需求下都適合使用。

推薦字體：思源宋體 Source Han Serif(開源可商用)、方正新書宋簡體(適用于正文)、方正清刻本悅宋。

非襯線類(黑體)

主要以黑體為主，它是在現代印刷術傳入東方后依據西文無襯線體所創造的，最開始只作為標題使用，到今天成為用途最廣泛的基本字體。適用于幾乎所有的場景，尤其在各類 UI 界面中更是無處不在。

推薦字體：思源黑體 Source Han Sans(開源可商用)、冬青黑體 Hiragino Sans GB、方正蘭亭黑。

綜藝美術

這一類以綜藝體(新藝體)為主，字重基本偏大，字型多樣，因此常作為大標題使用。主要適用于海報、電商、專題、活動等場景中。

推薦字體：造字工房勁黑、造字工房版黑、造字工房力黑、造字工房凌黑。

現代手寫

顧名思義，看起來像用鉛筆、水筆、圓珠筆等現代書寫工具所寫出來的字一樣。和另一類 “古風書法” 所使用的鋼筆、毛筆的書法字體作為區分。主要適用于情感化、生活化、溝通交流、趣味、信件等場景中。

推薦字體：漢儀小麥體、漢儀喵魂體、造字工房丁丁、造字工房情書、851手寫雜體(免費可商用)、新蒂下午茶體(免費非商用)。

古風書法

篆書、隸書、草書、行書、楷書等各種古代書法字體都歸類于此。主要適用于中國風、傳統、古典、文化等。在各類電商、游戲場景中也常常出鏡，往往能夠吸引眼球。

推薦字體：白舟書體系列(日本)、康熙字典體、禹衛書法行書、葉根友特愷、蘇新詩毛糙體簡。

趣味個性

這一類型比較雜，有童趣的、有浮夸的、有手寫的、甚至有些不太好定義又覺得有點意思的字體也歸在里面。

推薦字體：漢儀柏京體、文悅新青年體、造字工房摩登、懐訪體 id-kaihou。

字體是設計中不可或缺的一部分，平時可以多看多搜集多分類，養成管理字體的好習慣，以后看到喜歡的字體就不用到處問人啦。

網站題目：幾種常用的識別頁面字體方法
轉載來于：http://www.js-pz168.com/news29/166879.html

成都網站建設公司_創新互聯，為您提供網站設計公司、ChatGPT、小程序開發、電子商務、關鍵詞優化、建站公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯