幾種常用的識別頁面字體方法

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

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

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

1. Web Font 網(wǎng)頁上的字體

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

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

Csspeeper

△ 上圖為使用 WhatFont 檢索網(wǎng)頁頁面字體

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

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

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

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

在了解了瀏覽器的字體調(diào)用規(guī)則后，再排除 FONT-FAMILY 列表中一些我們?nèi)粘Ｓ玫匠Ｒ娮煮w，例如 “ PingFang SC(蘋方-簡)”、“ Helvetica Neue ”、“ STHeiti(華文黑體)”、“ Microsoft Yahei(微軟雅黑)”、“Simsun(宋體)”，最后得到你想要字體就非常簡單了。

2. 圖片印刷物上的字體

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

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

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

WhatTheFont

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

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

當(dāng)然，這種方法因網(wǎng)站本身字體庫的大小以及識別技術(shù)上的限制，免不了會有識別結(jié)果不符的情況出現(xiàn)，但就現(xiàn)階段來看已是非常實用的工具了。

2.2 搜作者名字及出處

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

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

△ 上圖為以圖搜圖網(wǎng)站 TinEye

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

2.3 “人工智能”搜索法

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

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

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

三、字體管理及推薦

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

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

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

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

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

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

下圖中所展示的 Didot 字體就是一款現(xiàn)代襯線體，發(fā)絲襯線。特點是強烈的筆畫粗細對比和水平襯線，時尚，現(xiàn)代，優(yōu)美。

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

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

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

2. 常用中文字體推薦

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

襯線類(宋體)

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

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

非襯線類(黑體)

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

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

綜藝美術(shù)

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

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

現(xiàn)代手寫

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

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

古風(fēng)書法

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

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

趣味個性

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

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

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

網(wǎng)站題目：幾種常用的識別頁面字體方法
轉(zhuǎn)載來于：http://www.bm7419.com/news29/166879.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、ChatGPT、小程序開發(fā)、電子商務(wù)、關(guān)鍵詞優(yōu)化、建站公司

廣告

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