5个简单的字体和文字技巧，使您的网站现代化可读性越好，排名越靠前。
通过布莱恩·格林伯格•
《创业家》作者的观点纯属个人观点。雷竞技手机版
字体和文字大小是许多网站忽略的功能。Wordpress和Wix等CMS平台的默认设置是14像素(px)和单间距。一些高级主题有自定义字体，尽管它们几乎总是太小。但是通过修改网站的文本大小、间距和字体系列，你可以增加用户在网站上的时间、页面浏览量和可读性——这些都可以降低跳出率，提高搜索引擎排名。
以下是通过更新内容外观来提高网站可读性和排名的五种方法。
1.文字大小
虽然没有神奇的字体大小，但如果你使用小于12px的字体，谷歌可能会贬低你的网站。谷歌越来越重视可用性和用户体验，如果你必须缩小网站才能阅读它，那就太不友好了。
字体大小为12px是可以接受的，这是电子邮件和Word等文档软件的常见默认设置。然而，网页从更大的字体中受益，比如18px甚至20px。
在你或你的开发人员开始在你的实时网站上摆弄字体大小之前，确保它看起来不错是很重要的。在你的网站上测试字体大小变化没有比点击更简单的方法了CTRL和+在Windows PC或命令和+在Mac上，可以放大。要缩小镜头，按CTRL键和-或命令和-。
你会发现你的网站内容看起来不错，甚至可能更好，110%，甚至125%。如果是这样，请让开发人员将字体大小更改为原始字体的125%。例如，如果原始值是14px，那么125%就是17.5px，这个值可以上下调。
文本大小示例:
下图演示了在维基百科关于谷歌的页面上使用浏览器缩放功能。
2.移动设备的文本大小
由于移动设备提供的屏幕空间要小得多，所以您的字体大小需要适合移动设备。对于段落形式的常规内容，我的建议是18px到20px，适用于任何设备，从台式电脑到手机。但是对于True Blue网站的标题，我们偶尔会设置大一些——在某些情况下，40px到50px，甚至更大。如果你这么做了，你就需要将其缩小到适合移动设备的尺寸，否则你的可读性就会受到影响。小字体也是如此。也许您的网站表单在字段上方显示一个字体大小为12px的小标签。在移动设备上，这可能太小而无法阅读，尤其是对老年人来说。
移动友好型与非移动友好型网站的例子:
3.文本/字体
可读性是必须的，但这并不意味着您只能使用Arial、Helvetica或Times New Roman等字体系列。虽然在你的网站上使用你个人最喜欢的字体可能不是最好的主意，比如Comic Sans字体(啊哈!)，但有很多好看的云服务字体随时可用，而且是免费的。
字体像Roboto或开放无已经变得非常流行。使用不同的字体可以帮助你的网站和你的品牌在竞争中脱颖而出。而且，如果使用得当，非典型字体可以增强网站的整体美感和可读性。这里有一个有趣的事实:Roboto是由谷歌创建的，用于Android设备的主要字体。虽然它在首次发布时受到了很多批评，但该字体已经被超过4000万个网站使用。
4.文本颜色和对比度
为了便于阅读，字体的颜色必须清晰，并提供足够的对比度。很多网站为了安全起见，使用白色背景和黑色字体。但这并不理想。
很多人都有一种叫做Irlen综合症这导致了处理视觉信息的困难，包括对比度敏感度。当你有对比敏感度时，白色背景上的黑色文字看起来像这样:
蓝色背景上的红色文字不是很好读，是吗?找到一个中间立场是很重要的。在白色背景下，一个安全的字体颜色是暗灰色，比如#30303a。这个十六进制代码是我们在我们的网站上使用的字体的特定颜色，True Blue Life Insurance。
5.文本间距
通过使用页边距和填充，在网站的所有元素上应用适当的间距。例如，这些是标题下方的空白，或者标题中菜单项上方和下方的空白。
与元素之间的间距一样，行高和决定段落中每行文本之间空白量的CSS属性也同样重要。
行高示例:
与文本大小一样，行高没有一个神奇的数字，但我发现1.5em或150%的值是理想的。下面的图表说明了行高对可读性的影响。
小贴士:
最好的内容是你可以阅读的内容。不是每个人都有完美的视力。让我们让我们的客户不必眯着眼睛就能轻松阅读我们的内容。花点时间测试一下你网站的字体系列、文字大小和间距。通过实施这些建议，你的网站的用户统计和搜索引擎排名将会飙升。
