Godzilla. 2019-02-26
網(wǎng)站建設(shè)
上海網(wǎng)站設(shè)計(jì)：10大用于大膽文本的Google Web字體
由于Web字體支持主要是通用的，因此沒(méi)有理由堅(jiān)持使用默認(rèn)設(shè)置。Google Webfonts是最大的免費(fèi)字體來(lái)源，有數(shù)百種字體可供選擇。由于標(biāo)題是最強(qiáng)大的元素，它們通常最適合使用自定義字體，但是這可能很難跨越最佳選項(xiàng)，這就是上海網(wǎng)站設(shè)計(jì)分享這篇文章的原因。
1. Montserrat
那收藏的第一件作品就是Montserrat。這個(gè)字體可以用于幾乎任何東西，但我認(rèn)為它作為標(biāo)題文本非常好用。
我已經(jīng)將它用于帶有全部大寫(xiě)字母的導(dǎo)航文本，自定義字母間距以及從薄到超厚的許多不同字體樣式。Montserrat完全適合這項(xiàng)法案，它是從科技博客到深色網(wǎng)站融入任何東西的更通用的字體之一。
該字體僅使用默認(rèn)樣式約500字節(jié)，因此它非常輕巧。有這么多不同風(fēng)格，你可以從這個(gè)組合中獲得許多不同的外觀。如果您正在尋找一個(gè)獨(dú)特的標(biāo)題字體就可以嘗試Montserrat。它可能不適用于所有人，但它是許多設(shè)計(jì)師喜愛(ài)的安全起始字體。
2. Merriweather
一個(gè)更厚的襯線替代品是Merriweather，我也喜歡它作為一個(gè)正文字體。這種多功能的字體在您的網(wǎng)站上的任何地方都非常棒，它會(huì)給您的標(biāo)題帶來(lái)足夠的關(guān)注。
如果您嘗試使用Merriweather用于更大的頁(yè)面標(biāo)題，我建議使用粗體或粗體斜體樣式。它們非常干凈，但它們可能需要一些字母間距調(diào)整。無(wú)論哪種方式，字母的風(fēng)格和黑暗都非常容易遵循。
配對(duì)這種字體時(shí)，我通常會(huì)做一個(gè)無(wú)襯線字體。對(duì)比鮮明的風(fēng)格在標(biāo)題和正文復(fù)制之間創(chuàng)造了自然的區(qū)別。此外，大多數(shù)人發(fā)現(xiàn)sans-serif平均更容易閱讀身體內(nèi)容。
但我看到很多帶有serif標(biāo)題的網(wǎng)站，它們看起來(lái)都很棒。Merriweather是serif的一個(gè)很好的起點(diǎn)，但如果你不喜歡它，你會(huì)在這篇文章中發(fā)現(xiàn)很多替代品。可以在上一篇分享的《上海網(wǎng)站制作：您需要嘗試的10個(gè)WordPress插件》中探索。
3. Josefin Sans
現(xiàn)代而優(yōu)雅的最佳描述了Josefin Sans。它感覺(jué)就像一個(gè)直接來(lái)自20世紀(jì)50年代爵士樂(lè)休息室的字體，或者你可能會(huì)在“紐約客”的頭版上看到的東西。
它確實(shí)具有獨(dú)特的曲線風(fēng)格，薄字母節(jié)省了大量的水平空間。您可以使用全大寫(xiě)或不同的字母間距玩具來(lái)創(chuàng)建許多獨(dú)特的樣式，所有這些都來(lái)自這個(gè)字體系列。
有些網(wǎng)站使用瘦字體可以看起來(lái)更好看。但如果你正在尋找一個(gè)新的嘗試，我絕對(duì)推薦Josefin Sans獨(dú)特的字母設(shè)計(jì)和許多大膽/斜體的風(fēng)格。
4. Arvo
上海網(wǎng)站設(shè)計(jì)真正喜歡的另一種襯線字體是Arvo。這個(gè)字體有很多字符，你會(huì)立刻注意到更大膽的風(fēng)格。
我真的覺(jué)得Arvo在博客和數(shù)字雜志上效果最好，因?yàn)樽煮w非常集中。它是此列表中最強(qiáng)大的字體之一，襯線設(shè)計(jì)更受關(guān)注。
如果您正在推出一個(gè)雜志式博客，那么Arvo可以很好地作為一個(gè)強(qiáng)大的標(biāo)題。但是如果你的博客使用sans-serif字體效果更好，這可能太多了。一個(gè)更微妙的選擇是克里特圓形，但它沒(méi)有像Arvo那樣引人注目的吸引力。
5.Raleway
我在許多大型博客和在線雜志上看到了Raleway因其獨(dú)特的風(fēng)格和各種各樣的字體變化。
對(duì)于大標(biāo)題文本，我認(rèn)為中等厚度效果最好，所以字母不會(huì)太寬。 默認(rèn)字母間距很大，所以每個(gè)單詞都清晰易讀。
Raleway獨(dú)有的一個(gè)特征是“w”字母形式。它穿過(guò)中間，看起來(lái)像兩個(gè)“v”堆疊在一起。有些人可能喜歡這樣，有些則不喜歡。但它對(duì)于Raleway來(lái)說(shuō)絕對(duì)是獨(dú)一無(wú)二的，因此它也會(huì)在你的頁(yè)面標(biāo)題中脫穎而出。
6. Catamaran
我最近發(fā)現(xiàn)的一種較新的字體是Catamaran。它有9種字體樣式，從薄到厚，中間有不同的厚度。
我最喜歡這種字體的是另類(lèi)字母。每個(gè)字母都采用非常獨(dú)特的風(fēng)格，您可以在更大膽的風(fēng)格中看到這一點(diǎn)。當(dāng)在標(biāo)題文本中使用時(shí)，這些字母真正閃耀并跳出頁(yè)面。
由于粗體樣式太厚，因此只能在具有較大字體大小的標(biāo)題中使用這個(gè)字體。它可以看起來(lái)各種尺寸都可以，但Catamaran真的感覺(jué)像一個(gè)厚的頭字體。
7. PT Sans
PT Sans柔軟，邊緣光滑，字母薄。對(duì)于標(biāo)題我只喜歡PT Sans的大膽風(fēng)格，因?yàn)?ldquo;正常”風(fēng)格感覺(jué)太薄了。
我也更喜歡PT Sans僅用于標(biāo)題，因?yàn)樗鼘?duì)于常規(guī)正文而言感覺(jué)太軟了。但任何PT Sans標(biāo)題看起來(lái)都非常干凈和可讀。這個(gè)字體實(shí)際上有一個(gè)名為PT Serif的姐妹字體也很好用。
在兩者之間，我個(gè)人更喜歡PT Sans。它比serif版本具有更平滑的邊緣，我覺(jué)得它在頁(yè)面標(biāo)題中更好用，特別是對(duì)于博客。
8. Open Sans
Open Sans小巧，多功能，超級(jí)干凈。它應(yīng)該在這個(gè)系列中占有一席之地，因?yàn)樗且粋€(gè)簡(jiǎn)單的字體，是整個(gè)Google Fonts庫(kù)中加載速度最快的字體之一。
大多數(shù)sans-serif字體適用于任何網(wǎng)站。此外，您可以在標(biāo)題和正文中使用sans-serif字體，這使得Open Sans成為整個(gè)網(wǎng)站的合理選擇。 我真正喜歡的另一種選擇是Muli，它具有更多的字符作為標(biāo)題字體。但Muli的缺點(diǎn)是文件較大。最終這就是讓Open Sans如此出色的原因，因?yàn)檩^慢的網(wǎng)站排名不佳，而且它們提供了更糟糕的用戶體驗(yàn)。
9. Roboto Slab
對(duì)于強(qiáng)大的serif標(biāo)題字體，您可以嘗試Roboto Slab并看看它的外觀。字母不會(huì)太厚，懸掛的標(biāo)簽不會(huì)分散讀者的注意力。
我通常更喜歡Roboto Slab的頭文件，而不是名為Roboto的sans-serif版本。襯線版本感覺(jué)更強(qiáng)，給觀眾留下了更大的印象。
說(shuō)實(shí)話，他們都很棒，不管怎么說(shuō)都不會(huì)出錯(cuò)。它們都支持所有常見(jiàn)的unicode角色，它們都是您網(wǎng)站標(biāo)題的絕佳選擇。
10. Ubuntu
免費(fèi)的Ubuntu字體幾乎可用于從導(dǎo)航文本到大標(biāo)題甚至正文復(fù)制的任何內(nèi)容。它功能多樣，重量輕，加載時(shí)間非常快。字母上的圓形邊緣使其感覺(jué)時(shí)尚而現(xiàn)代。它也是為數(shù)不多的可以在您網(wǎng)站的多個(gè)地方使用的字體之一，可以減少您需要的字體總數(shù)。
Ubuntu的設(shè)計(jì)早在2010年，所以它已經(jīng)存在了很長(zhǎng)一段時(shí)間?，F(xiàn)在，webfonts更為常見(jiàn)，Ubuntu系列廣泛用于網(wǎng)頁(yè)設(shè)計(jì)。
完成
每當(dāng)我設(shè)計(jì)一個(gè)新網(wǎng)站時(shí)，這10種字體都是標(biāo)題的首選。它們比股票操作系統(tǒng)默認(rèn)值要好得多，而且可以使你的布局在這些強(qiáng)大的標(biāo)題字體中真正脫穎而出。
文章標(biāo)簽：
文本字體 上海網(wǎng)站設(shè)計(jì)
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高，我想投身于網(wǎng)站行業(yè)中，一展所長(zhǎng)，為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論：