選擇字體是任何設計項目的關鍵部分，但排版更多的是選擇一些漂亮的字體并希望獲得最佳效果。

了解類型可能令人生畏，因為它是一個如此廣泛的主題。有很多規則/最佳實踐，很難知道從哪里開始(www.kunming3.com)。

傳統的排版資源是一個良好的開端，但如果您在網絡上工作，還有更多的事情需要考慮。該類型如何在各種屏幕尺寸上工作？

沒有快速解決方案，但今天有20種用于網絡排版的頂級資源。

學習

下面列出的網站將幫助您真正揭開排版的神秘面紗。學習遵循的規則（以及稍后的休息）會嚴重影響你的打字游戲。

實用的排版

馬修·巴特里克（Matthew Butterick）提供的一本出色的付費網上書籍，涵蓋各種印刷細節。網站底部有一個字體切換器，這是一個可愛（和適當）的設計細節。

印刷風格的要素應用于網絡

將Robert Bringhurst的著名書籍應用于網絡的有用指南。來自Clearleft的聯合創始人和Web Typography的作者Richard Rutter 。

Typewolf

我最喜歡的排版教育資源之一。該通訊充滿了每周的靈感，而標題產品，排版檢查表，令人難以置信。

拉法爾托馬爾

拉法爾在價格便宜的地方組建了一個精彩的排版課程。非常值得一看。

更好的網絡類型

免費課程，以配合Matej Latin的排版書。這個網站也有關于排版的一些很棒的文章。

CSS中的OpenType功能

OpenType功能允許您訪問一系列設置和替代字符，例如上標，連字和字距調整。這些將不適用于所有字體，尤其是免費字體，但這是一個方便的參考。

工具和資源

這些工具可以幫助您決定和改進印刷選擇。

模塊化規模

如果您希望字體大小感覺連貫，而不是隨機，則縮放可以提供幫助。

Tanaguru對比度查找器

為了使您的類型盡可能清晰，您需要檢查其背景顏色對比度。這是一個很好的工具來幫助解決這個問題，因為如果你的背景顏色不符合可訪問性標準，那么就會提出許多接近的選擇。

字體游樂場

此工具可讓您體驗可變字體及其不同的功能集。

字體樣式匹配器

如果您希望盡可能地將后備字體的樣式與您的首選字體相匹配，那么這就是您的工具。看到兩種字體相互重疊是一個方便的功能。

使用和修改

“美麗，優雅，朋克，專業，不完整，奇怪的字體”的集合。它們都是開源的，所以你可以隨意使用它們。

打開Foundry

這是另一組高質量的開源字體。

字體立場

我喜歡這個網站的概念。以12個月的標準價格的10％租用字體（因此總共支付120％），然后你擁有它。永遠。這幾個月甚至不需要連續。一個出色的概念，用于訪問可能無法承受的字體。

靈感

Typewolf

我知道，這是上面提到的......但它是一個非常適合類型靈感的網站。特別是如果你正在尋找配對靈感 - 一個夢幻般的資源。

Typespiration

由Rafal Tomal創建（如上所述），該網站提供了許多出色的字體組合。更重要的是，它展示了一些美麗的類型設置來激勵你。

字體組合庫

八個Google字體組合的集合，可下載Sketch和Adobe XD模板。

FontPair

有許多Google字體組合可在此網站上預覽。按字體分類（serif + serif，sans-serif + serif等）輕松分類。

Typ.io

什么套Typ.io除了其他許多網站，演示如何的效果已經達到了HTML / CSS代碼段。該站點還列出了可用字體的位置。

可變字體

可變字體正在獲得一些牽引力，但許多設計師尚未使用它們。根據字體的不同，它們可以以比傳統方式更多的方式進行設置。

這兩個站點引入了一系列可變字體，顯示了可以用它們做什么以及它們可以從哪里獲得。

Axis Praxis

可變字體

學習

無論您在印刷之旅的哪個階段，都有很多資源可以幫助您入門。網絡上的類型有許多細微差別，CSS開發意味著總有新的東西需要學習。

如果您發現其他資源特別有用，我很樂意在回復中聽到它們。