选择字体是任何设计项目的关键部分，但排版更多的是选择一些漂亮的字体并希望获得最佳效果。
了解类型可能令人生畏，因为它是一个如此广泛的主题。有很多规则/最佳实践，很难知道从哪里开始(www.sanways.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开发意味着总有新的东西需要学习。
如果您发现其他资源特别有用，我很乐意在回复中听到它们。