Choosing a typeface can be done by virtually anyone—simply click a name in a dropdown list. 然而，选择 正确的 字体是最深思熟虑的决定之一 设计过程.

排版设计 把他们的职业生涯奉献给制作字体. 在那些小形状中, 专家们会平衡情感和中立, 个性与实用性, 易读性和灵活性. Selecting a typeface for a particular design comes with a long list of considerations.

传统上, graphic 设计师 have always studied the fundamentals of typography in terms of print design. But as the role of the designer now spans across all types of digital mediums, 排版是一个更大的野兽. 本着重温基础知识的精神，使用网络 排版技巧 below when selecting a typeface and formatting it for the best reading experience.

数字排版的挑战

When it comes to print design, there are few variables in how a user will interact with it. A printed page won’t shapeshift depending on who is holding it—colors can be tightly controlled and the typeface will remain static. 多么奢侈啊. 数字排版更加流畅. 当排版出现在屏幕上时, 有很多因素影响着它的表现方式, 其中包括:

• 屏幕尺寸:然而，我们无法预测， 响应设计 旨在适应尺寸上的任何轻微变化. 但这意味着排版有时会徒劳无功.
• Screen resolution: Pixel density plays a big part in text legibility. Technological advances have made hi-res screens more accessible to the masses, but 设计师 应该记住那些使用旧技术的异常值吗.
• Screen calibration: Brightness levels determine how colors appear on the screen. The color choices for web design need to accommodate all types of screen settings.

选择屏幕上阅读的最佳字体

Digital design is an elusive craft—it wasn’t that long ago we were limited to only a few font types that were compatible with low-res monitors.

我们取得了突飞猛进的进步 字体选项. They have been crafted for the screen and are designed with certain nuances that enhance legibility. 就像印刷字体欺骗眼睛来增加易读性一样，比如 油墨陷阱好的网页字体也会这样做.

A design doesn’t have to be limited to the universally standard typefaces (Times New Roman can retire now). There are countless options available for 设计师 to source typefaces that are web-safe and accessible. 谷歌字体, 字体库, Adobe Typekit 是否有一些提供简单的集成和广泛的选择.

为愉快的阅读体验设置格式

选择字体只是开始. 关于线的长度和高度的决定可以成就或破坏一个 数字设计. There are simple tips—never use all caps and keep the number of fonts to a minimum—but a lot of formatting decisions rely on trial and error.

The ideal text size relies on the chosen typeface because factors like x-height and counter openness will impact legibility. 文本大小将决定行高和长度. An easy way to test the relationship between these decisions is to use tools like 网格的情人，它使用滑块来更改每个测量值的外观.

Choosing the background color behind a block of text is just as important as the font color itself. The contrast between the two will determine how readable the copy is. WebAIM的 对比检查 helps to easily determine the contrast ratio of color combinations so a palette meets accessibility standards.

永远不要吝啬测试

在设计屏幕体验时，指南非常有用, but there are too many factors to know when a design is successful without looking at it in situ. Test typography on screens and display settings that fall on the far edges of average—such as nearly-outdated smartphones, 最大的高清显示器, 屏幕亮得令人眼花缭乱. 设计s that pass extreme conditions are ready for full user access.

网页排版指南

There are a lot of things to consider when designing for the screen, 随着技术和产品的进步, 设计的条件会不断变化. However, when it comes to website typography, there are certain things that seem to always hold true.

Here is a comprehensive guide to choosing 正确的 typeface and formatting it for readability.