
1對1定制服務(wù),PC端+手機(jī)端+小程序多端應(yīng)用
讓外貿(mào)網(wǎng)站視覺錦上添花的11款英文字體
2022年06月23日瀏覽:
從傳統(tǒng)襯線到創(chuàng)意腳本,選擇出色的字體對對于每個項(xiàng)目都至關(guān)重要。但有這么多的選擇,誰能說哪種字體最適合帶來視覺沖擊力呢?字體選擇是決定網(wǎng)頁設(shè)計(jì)成敗的關(guān)鍵細(xì)節(jié)。
為了幫助確定一些最適合網(wǎng)頁設(shè)計(jì)的字體,我們深入研究了過去幾年設(shè)計(jì)服務(wù)過的用戶的字體選擇。我們發(fā)現(xiàn)了 11 種不同的字體年復(fù)一年地占據(jù)著排行榜的榜首。
Roboto 對于網(wǎng)頁設(shè)計(jì)師來說是一種非常受歡迎的字體選擇,因此基本的無襯線 Roboto 以及 Condensed 和 Slab 變體在過去幾年中一直是 Webflow 用戶的領(lǐng)跑者也就不足為奇了。
Roboto 字體系列在粗細(xì)、寬度和樣式方面提供了廣泛的變化,使其成為網(wǎng)站設(shè)計(jì)的多功能選擇。壓縮版本提供了更高的空間效率,而平板版本則提供襯線選項(xiàng)以與經(jīng)典的 Roboto 搭配。
Roboto 為許多主要書寫系統(tǒng)提供出色的字符支持,包括擴(kuò)展拉丁語(適用于所有歐洲語言)、西里爾字母(俄語/保加利亞語/烏克蘭語等)、希臘語和希伯來語字母等,使其成為多語言網(wǎng)站的完美選擇。
Libre Franklin 是一種現(xiàn)代且多功能的網(wǎng)絡(luò)字體,將經(jīng)典的美式字體美學(xué)帶入互聯(lián)網(wǎng)。它是多語言網(wǎng)站的常見選擇,因?yàn)樗С掷≌Z言和非拉丁語言,如希臘語、西里爾語和阿拉伯語。
這種數(shù)字優(yōu)化的字體是使用 OpenType 功能(例如小型大寫字母、連字、分?jǐn)?shù)格式化程序和其他樣式替代方案)構(gòu)建的。這可以確保無論屏幕尺寸或觀看者放大或縮小多遠(yuǎn),字體都保持清晰。Libre Franklin 擁有 700 多個字形和三種不同的粗細(xì),為設(shè)計(jì)師提供了多種印刷設(shè)計(jì)選擇。
Raleway 是一種無襯線字體,具有開放字母形式,可以輕松在屏幕上閱讀。由于有各種粗細(xì)、寬度和樣式替代方案(包括花體、連字、分?jǐn)?shù)、舊式數(shù)字、箭頭和圓圈字母),設(shè)計(jì)人員在使用這種經(jīng)典字體進(jìn)行設(shè)計(jì)時有很多選擇。
Windows 和 Mac 操作系統(tǒng)都支持 Raleway。它也可以在Google Fonts上使用,使其成為網(wǎng)頁設(shè)計(jì)的最佳字體之一,因?yàn)樵O(shè)計(jì)人員可以訪問該字體,而無需擔(dān)心許可或下載任何文件。在 Webflow 中,您可以將 Google Fonts直接添加到您的項(xiàng)目中。
Inter 專為屏幕和用戶界面而設(shè)計(jì)。由于它是一種可變字體,Inter 在響應(yīng)式設(shè)計(jì)中效果特別好,因?yàn)樗梢暂p松適應(yīng)不同的屏幕尺寸和分辨率 - 確保您的內(nèi)容在包括小屏幕在內(nèi)的所有設(shè)備上始終易于閱讀。
Inter 擁有一系列風(fēng)格選擇,允許設(shè)計(jì)師在其版式中添加微妙的細(xì)微差別。由于 Inter 是一個開源項(xiàng)目,設(shè)計(jì)人員可以選擇對其進(jìn)行定制以滿足自己的特定需求。
Source Sans Pro 是最適合網(wǎng)頁設(shè)計(jì)的字體之一,因?yàn)樗菍iT為實(shí)現(xiàn)網(wǎng)絡(luò)上最大的易讀性和可讀性而設(shè)計(jì)的。這種無襯線字體具有清晰簡潔的字母形式,使其易于瀏覽。寬大的間距還有助于 Source Sans Pro 在網(wǎng)頁上繁雜的背景或圖像中脫穎而出。
Source Sans Pro 的字符集涵蓋 200 多種語言及其變體,例如西里爾字母、希臘語和越南語 - 使其成為多語言和國際網(wǎng)站的理想選擇。此外,這種字體采用了抗鋸齒技術(shù)(一種用于改善數(shù)字顯示器上字體外觀的技術(shù))進(jìn)行設(shè)計(jì),即使在低分辨率屏幕上也能看起來很棒。
Poppins 是一種無襯線字體,可以處理拉丁字母和印地語或梵語等語言使用的梵文系統(tǒng)中的字符。如果您正在尋找一種國際通用字體,Poppins 是一個不錯的選擇。
Poppins 的幾何形狀使字體在小尺寸下仍可讀,而其現(xiàn)代而永恒的曲線在大屏幕或移動設(shè)備上放大時看起來引人注目。它非常適合需要風(fēng)格、清晰度和易讀性的 Web 和 UI 設(shè)計(jì)。
另外,Poppins 的 OpenType 功能為自定義文本提供了巨大的潛力。例如,連字可用于將兩個或多個字符組合成一個字形形狀,幫助設(shè)計(jì)人員創(chuàng)建更有趣的印刷效果,而不會影響跨瀏覽器和設(shè)備的可讀性或兼容性。
DM Sans 提供干凈、現(xiàn)代的外觀,非常適合簡約設(shè)計(jì)。這種無襯線字體具有帶圓角的幾何形狀,給人一種友好而專業(yè)的外觀。您經(jīng)常會看到 DM Sans 用作網(wǎng)站上的正文,因?yàn)樗m用于較小的文本尺寸。
得益于拉丁擴(kuò)展字形集,DM Sans 非常適合英語和西歐語言。除了五種粗細(xì)之外,DM Sans 還包括 OpenType 功能,例如分?jǐn)?shù)、序數(shù)、上標(biāo)、下標(biāo)、區(qū)分大小寫的形式、比例數(shù)字和表格數(shù)字。
Playfair Display 是一種襯線顯示字體,具有強(qiáng)烈、粗體的線條和現(xiàn)代感,非常適合標(biāo)題和標(biāo)題。該字體具有稍微壓縮的字符,具有開放的形狀和圓形終端,因此它也適用于小文本尺寸。
得益于拉丁擴(kuò)展字形集,DM Sans 非常適合英語和西歐語言。除了五種粗細(xì)之外,DM Sans 還包括 OpenType 功能,例如分?jǐn)?shù)、序數(shù)、上標(biāo)、下標(biāo)、區(qū)分大小寫的形式、比例數(shù)字和表格數(shù)字。
FA (Font Awesome) Solid 900、FA Brand 400 和 FA 400 從技術(shù)上來說并不是字體,而是網(wǎng)頁設(shè)計(jì)中使用的相同強(qiáng)大圖標(biāo)字體庫的三個版本。Font Awesome 是一個高度可定制的圖標(biāo)集合,可以添加到任何網(wǎng)站。這些圖標(biāo)集值得一提,因?yàn)樗鼈冊?UI 和網(wǎng)頁設(shè)計(jì)中非常受歡迎。
FA Solid 900 具有最高的對比度和粗體度,使其成為標(biāo)頭的理想選擇。另一方面,F(xiàn)A 品牌 400 的對比度稍低,但提供了多種獨(dú)特的功能,例如顏色、動畫和其他可以根據(jù)需要調(diào)整大小的樣式選項(xiàng)。FA 400 版本結(jié)合了質(zhì)量和復(fù)雜性,適用于需要更多細(xì)節(jié)而不犧牲清晰度的較大用戶界面或小圖標(biāo)。
Rubik——以魔方命名——是另一種通過 Google Fonts 提供的幾何無襯線字體。
在網(wǎng)站上,Rubik 非常適合標(biāo)題和標(biāo)題,尤其是與更傳統(tǒng)的襯線字體結(jié)合用于正文時。Rubik 字體系列包括九種粗細(xì)和一系列令人印象深刻的 OpenType 功能,使其成為想要清晰字體但仍留有一些創(chuàng)造力空間的設(shè)計(jì)師的理想選擇。
Rubik 不僅可以很好地處理拉丁字母,還支持俄語或保加利亞語等西里爾字母。
Lora 是一種優(yōu)雅、現(xiàn)代的字體,獨(dú)特地融合了舊式襯線字體和現(xiàn)代無襯線元素,為任何設(shè)計(jì)項(xiàng)目創(chuàng)造出美麗的美感。憑借其稍微壓縮的字母,它有助于將注意力吸引到頁面上的標(biāo)題或重要視覺效果,同時仍然提供出色的易讀性。
除了四種寬度和九種粗細(xì)之外,Lora 還包括許多連字,使其字母形式可以優(yōu)雅地連接,而不會影響不同尺寸或在不同上下文中使用時的可讀性。