選擇字體是任何設(shè)計(jì)項(xiàng)目的關(guān)鍵部分，但排版更多的是選擇一些漂亮的字體并希望獲得最佳效果。
了解類型可能令人生畏，因?yàn)樗且粋€(gè)如此廣泛的主題。有很多規(guī)則/最佳實(shí)踐，很難知道從哪里開始(www.tianfbx.com)。
傳統(tǒng)的排版資源是一個(gè)良好的開端，但如果您在網(wǎng)絡(luò)上工作，還有更多的事情需要考慮。該類型如何在各種屏幕尺寸上工作？
沒有快速解決方案，但今天有20種用于網(wǎng)絡(luò)排版的頂級資源。
學(xué)習(xí)
下面列出的網(wǎng)站將幫助您真正揭開排版的神秘面紗。學(xué)習(xí)遵循的規(guī)則（以及稍后的休息）會嚴(yán)重影響你的打字游戲。
實(shí)用的排版
馬修·巴特里克（Matthew Butterick）提供的一本出色的付費(fèi)網(wǎng)上書籍，涵蓋各種印刷細(xì)節(jié)。網(wǎng)站底部有一個(gè)字體切換器，這是一個(gè)可愛（和適當(dāng)）的設(shè)計(jì)細(xì)節(jié)。
印刷風(fēng)格的要素應(yīng)用于網(wǎng)絡(luò)
將Robert Bringhurst的著名書籍應(yīng)用于網(wǎng)絡(luò)的有用指南。來自Clearleft的聯(lián)合創(chuàng)始人和Web Typography的作者Richard Rutter 。
Typewolf
我最喜歡的排版教育資源之一。該通訊充滿了每周的靈感，而標(biāo)題產(chǎn)品，排版檢查表，令人難以置信。
拉法爾托馬爾
拉法爾在價(jià)格便宜的地方組建了一個(gè)精彩的排版課程。非常值得一看。
更好的網(wǎng)絡(luò)類型
免費(fèi)課程，以配合Matej Latin的排版書。這個(gè)網(wǎng)站也有關(guān)于排版的一些很棒的文章。
CSS中的OpenType功能
OpenType功能允許您訪問一系列設(shè)置和替代字符，例如上標(biāo)，連字和字距調(diào)整。這些將不適用于所有字體，尤其是免費(fèi)字體，但這是一個(gè)方便的參考。
工具和資源
這些工具可以幫助您決定和改進(jìn)印刷選擇。
模塊化規(guī)模
如果您希望字體大小感覺連貫，而不是隨機(jī)，則縮放可以提供幫助。
Tanaguru對比度查找器
為了使您的類型盡可能清晰，您需要檢查其背景顏色對比度。這是一個(gè)很好的工具來幫助解決這個(gè)問題，因?yàn)槿绻愕谋尘邦伾环峡稍L問性標(biāo)準(zhǔn)，那么就會提出許多接近的選擇。
字體游樂場
此工具可讓您體驗(yàn)可變字體及其不同的功能集。
字體樣式匹配器
如果您希望盡可能地將后備字體的樣式與您的首選字體相匹配，那么這就是您的工具。看到兩種字體相互重疊是一個(gè)方便的功能。
使用和修改
“美麗，優(yōu)雅，朋克，專業(yè)，不完整，奇怪的字體”的集合。它們都是開源的，所以你可以隨意使用它們。
打開Foundry
這是另一組高質(zhì)量的開源字體。
字體立場
我喜歡這個(gè)網(wǎng)站的概念。以12個(gè)月的標(biāo)準(zhǔn)價(jià)格的10％租用字體（因此總共支付120％），然后你擁有它。永遠(yuǎn)。這幾個(gè)月甚至不需要連續(xù)。一個(gè)出色的概念，用于訪問可能無法承受的字體。
靈感
Typewolf
我知道，這是上面提到的......但它是一個(gè)非常適合類型靈感的網(wǎng)站。特別是如果你正在尋找配對靈感 - 一個(gè)夢幻般的資源。
Typespiration
由Rafal Tomal創(chuàng)建（如上所述），該網(wǎng)站提供了許多出色的字體組合。更重要的是，它展示了一些美麗的類型設(shè)置來激勵(lì)你。
字體組合庫
八個(gè)Google字體組合的集合，可下載Sketch和Adobe XD模板。
FontPair
有許多Google字體組合可在此網(wǎng)站上預(yù)覽。按字體分類（serif + serif，sans-serif + serif等）輕松分類。
Typ.io
什么套Typ.io除了其他許多網(wǎng)站，演示如何的效果已經(jīng)達(dá)到了HTML / CSS代碼段。該站點(diǎn)還列出了可用字體的位置。
可變字體
可變字體正在獲得一些牽引力，但許多設(shè)計(jì)師尚未使用它們。根據(jù)字體的不同，它們可以以比傳統(tǒng)方式更多的方式進(jìn)行設(shè)置。
這兩個(gè)站點(diǎn)引入了一系列可變字體，顯示了可以用它們做什么以及它們可以從哪里獲得。
Axis Praxis
可變字體
學(xué)習(xí)
無論您在印刷之旅的哪個(gè)階段，都有很多資源可以幫助您入門。網(wǎng)絡(luò)上的類型有許多細(xì)微差別，CSS開發(fā)意味著總有新的東西需要學(xué)習(xí)。
如果您發(fā)現(xiàn)其他資源特別有用，我很樂意在回復(fù)中聽到它們。