5个简单的字体和文本技巧使您的网站现代化

字体和文本大小是许多网站上被忽略的功能。CMS平台（如Wordpress和Wix）上的默认设置为14像素（px）和单个间距。一些高级主题具有自定义字体，尽管它们几乎总是太小。但是，通过修改网站的文本大小，间距和字体系列，可以增加用户的网站停留时间，页面浏览量和可读性-所有这些都导致较低的跳出率和更高的搜索引擎排名。

以下是通过更新内容的外观来提高网站的可读性和排名的五种方法。

1.文字大小
虽然没有神奇的字体大小，但是如果您使用的字体大小小于12px，则Google可能会使您的网站贬值。Google越来越重视可用性和用户体验，如果您不得不捏缩一个网站才能阅读，那除了用户友好之外，别无其他。

可接受的字体大小为12px，这是电子邮件和Word等文档软件的常见默认设置。但是，网页受益于较大的字体大小，例如18px甚至20px。

在您或您的开发人员开始在实时网站上弄乱字体大小之前，务必确保它看起来不错。有您的网站上测试字体大小变化比没有更简单的方法，只需按下Ctrl键+ Windows PC上或命令+在Mac上，要放大缩小网页。按ctrl和-或指挥- 。

您会发现您网站的内容看起来不错，甚至可能更好，为110％，甚至125％。如果是这样，请让您的开发人员将字体大小更改为原始字体的125％。例如，如果原始尺寸为14像素，则125％将为17.5像素，可以通过较小的更改将其四舍五入。

2.移动设备的文字大小
由于移动设备提供的屏幕空间要少得多，因此字体大小必须适合移动设备使用。对于段落形式的常规内容，我建议网站的像素范围为18像素至20像素，无论是台式机还是手机，它都可以在任何设备上使用。但是对于True Blue网站上的标头，我们有时会变大-在某些情况下为40px至50px，甚至更大。如果执行此操作，则需要针对移动设备按比例缩小比例，否则会影响可读性。小字体也是如此。也许您的网站表单在字段上方显示了一个小标签，字体大小为12px。在移动设备上，这可能太小而无法阅读，尤其是对于老年人而言。

移动友好网站与非移动友好网站的示例：

3.文字/字体家族
可读性是必须的，但这并不意味着您只能使用Arial，Helvetica或Times New Roman等字体系列。虽然最好不要在网站上使用您喜欢的个人字体，例如Comic Sans（yikes！），但有许多免费的免费好看的云服务字体。

Roboto或Open Sans等字体已变得非常流行。使用其他类似的字体可以帮助您的网站和品牌在竞争中脱颖而出。而且，如果使用得当，非典型字体可以增强您网站的整体美感和可读性。这是一个有趣的事实：Roboto由Google创建，是Android设备的主要字体。尽管该字体在第一个版本中受到了很多批评，但至今已被超过4000万个网站使用。

4.文字颜色和对比度
为了便于阅读，字体的颜色必须清晰并提供足够的对比度。许多网站都放心使用白色背景和黑色字体。但这不是理想的。

许多人患有称为Irlen综合征的疾病，这会在处理视觉信息（包括对比度敏感度）方面造成困难。当您具有对比敏感度时，白色背景上的黑色文本看起来像这样：

蓝色背景上的红色文字不太可读，是吗？找到一个中间立场很重要。在白色背景上，安全的字体颜色选择是深色的灰色阴影，例如＃30303a。此十六进制代码是我们在我们的网站True Blue Life Insurance上使用的字体的特定颜色。

5.文字间距
通过使用边距和边距在整个网站上的所有元素上应用适当的间距。例如，这些是标题下方的空白间隙，或标题中菜单项上方和下方的空白。

同样重要的是，除了元素之间的间距，行高外，CSS属性还决定了段落中每行文本之间的空白量。

行高示例：

与文本大小一样，行高没有神奇的数字，但是我发现1.5em或150％的值是理想的。看一下下图，该图说明了线条高度对可读性的影响。

奖金提示：

最好的内容是您可以阅读的内容。并非每个人都有完美的视力。让我们让客户轻松阅读我们的内容而无需斜视。花时间测试您网站的字体系列，文本大小和间距。通过实施这些建议，您网站的用户统计信息和搜索引擎排名将会飙升。