本文介绍了15款帮助设计师和开发者提升网页排版质量的工具，包括Gutenberg、Lettering.js和FitText等，涵盖了字体大小调整、响应式设计和自动排版等功能，旨在创造更好的阅读体验。
排版是任何设计的基础 ，因为阅读是我们在网络上所做的最基本的事情之一。 您选择的字体会影响网站的多个方面，包括可读性，心情和整体用户体验 。 对于设计师和开发人员来说， 了解排版的基本原理以创建易于阅读的设计至关重要。
之前我们一直在讨论字体配对工具 ，今天我们将与您分享打字工具，这些工具可以使您在构建和/或设计的网站上获得更好的阅读体验。
这些是插件，在线工具和脚本，可帮助您创建很棒的标题和清晰可读的文本 。
它不会为您做出设计选择，但是会为常见的印刷模板定义带有样式的正确标记。 它还可以为您提供有关如何正确设置文本复制样式的提示。
古腾堡（Gutenberg）是面向开发人员和设计师的灵活且易于使用的排版入门套件。 这将帮助您设置基本类型的大小，行高和最大宽度。 古腾堡（Gutenberg）是一个开源项目，因此随时可以贡献，修改和修改它。
Lettering.js是一个jQuery插件，可让您控制字距调整类型。 它使您可以轻松进行编辑设计并管理代码。 该网站提供了许多令人惊叹的版式示例，这些示例均由该插件提供灵感。
Typebase.css是可自定义的排版样式表。 它既包含saas版本，也包含较少的版本，可以轻松地修改为现代Web项目。
FitText是一个插件，可以使您的网站字体大小灵活。 它将帮助您获得各种屏幕分辨率的可扩展标题； 换句话说，使您的排版React灵敏。 它仅用于显示大文本。
Kerning.js可帮助您使用CSS自动转换，缩放和修改字体。 使用Kerning.js很容易上手。
Typesettings.css是您创建简约Web项目或博客的游乐场。 此处使用的所有排版样式均受图形设计基础的启发。
有了Rucksack，由于字体大小具有新的响应特性，因此您可以制作出令人惊叹的流畅字体。 创建响应式排版非常容易。
最易读的字体每行包含45到75个字符，但要找到平衡的字体对开发人员来说是一项艰巨的任务。 FlowType.JS根据特定元素的宽度更改字体大小，然后更改行高。
Blast.js将帮助您分隔文本，以使其更易于操作排版。 它包含4个内置定界符：字符，单词，句子和元素。 它还可以匹配自定义表达式和短语。
slabText是一个简单的脚本，可将标题分成几行，以完美地填充可用的水平空间。 该脚本通过将可用宽度除以像素字体大小，计算出每行要设置的理想字符数。
使用“字体比例”，您可以预览和选择适合您项目的字体比例。 没有规则-只需试一下字体大小，比例和不同的Web字体即可。
印刷帮助您使印刷响应。 您所要做的只是选择一些字体，设置一些设置，您将获得漂亮的响应式排版。
Typi是一种saas混合，可用于轻松进行响应式排版。 它为HTML和其他元素创建字体大小和行高。 另外，Typi具有垂直节奏功能来计算线条高度。
使用Lining.js插件，您将完全控制Web排版。 Safari，Google Chrome，Opera和Mozilla Firefox等大多数流行的浏览器均支持该功能。
奖励：2个更多工具！
Web类型状态是一个网站，提供有关Web类型和功能支持的最新数据。 您可以使用搜索或类别（例如字距调整，大写空格，CSS字体加载等）来查找所需的确切内容。
Typograph是一个很棒的网络和草图插件，可让您在一个字母的单词后放置不间断空格，并连接数字和单位。 它还消除了双倍空格，输入，点和其他错字，因此您可以获得清晰漂亮的字体，易于阅读。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
