作者:ProBlogger设计专家Kelly Exeter。
当涉及博客的可读性时,字体选择(以及字体大小和线间距)至关重要。
不幸的是,这是博主可以让他们的博客设计是错误的。
花哨的脚本标题字体。
微小的文字。
线条都在一起。
这些都让读者难以生命。
考虑到你的读者的注意力有多少竞争,让我们不要轻易让他们点击离开。
伟大的Fontography易于扫描,易于阅读,并将读者一直到帖子的底部。(此时他们希望然后采取另一项措施,让他们保持在您的网站上。)关于伟大的Fontography的好消息是易于实现的;你只需要保持简单的事情。
乏味,甚至。
看看Copyblogger网站。我相信这些人在读者体验方面为我们的行业树立了标准,你会注意到他们使用非常简单的无衬线标题字体搭配衬线正文在他们的博客帖子上。
一个关于衬线字体的简短单词(它们是像Times New Roman和Georgia这样的字体)。在过去,避免使用那些网站正文字体是标准的,因为人们认为sans-serif字体(如Arial和Verdana)在屏幕上更容易阅读。当网站字体倾向于小的时候,这是正确的。然而,现在,16号字体是大多数网站的标准字体大小(这是我推荐的尺寸),在这种尺寸下,serif和sans-serif字体都同样容易阅读。
影响可读性的其他事情(无论您的字体选择如何)是线间距和段落间距。无论您的字体选择,段落间距为1.65的线间距和25px的空间都是非常安全的设置。
最适合你的博客的谷歌字体组合
最后,你一直在等待的钻头,这是一个将使您的网络设计唱歌的字体组合。
所有这些都可以在Google字体上找到,这意味着它们专门用于屏幕上的使用......它们都很容易与一行代码合并到您的网站中。
对于下面的所有图像,子标题首先命名标题字体,身体字体第二。
苦涩+ muli
2. Lato Bold + Lora
3. Oswald +舱
4. PlayFair显示粗体+机器人Serif
5. Raleway Semi-Bold + Roboto Light
您将在上面说明的一件事:这些组合都不是特别“罢工”。这就是让他们伟大的原因。没有人应该注意你网站上使用的字体 - 他们应该太忙的阅读♥
伟大的列表。我是雷威的超级粉丝,在我的平台上经常使用它。Helvetica是另一种非常好用的字体。还有我最喜欢的图片和信息图的粗体标题——Bebas Neue!
再次感谢你的字体建议。我得看看那个机器人字体。
- 杰夫
你好,
我个人喜欢苦味+ Muli谷歌字体组合。它看起来干净易读。
BTW,您在Problogger上使用的字体组合。它看起来很棒。
问候
Tauseef Alam.
伟大的组合!我现在很喜欢罗威。完全同意——作为设计师,我必须提醒自己,目的不是让我的设计/类型突出:D
字体是对转换设计优化中的重要事项之一。我一直在投入我的客户网站的最佳字体脸。就个人而言,我喜欢拉托大胆的个人博客。我希望这将让我从读者那里得到一些爱。此外,我喜欢在Problogger上的评论框中获得斜体样式。
我一直在寻求这么长时间的这个建议,最后!对于我们所有想要拥有专业博客的人来说,这是一个非常棒的文章。
嗨Darren&Kelly,
对我有很大的帮助。我还在寻找一个良好的字体组合给我的博客。然而,我与罗朗和塞子定居,但我也喜欢苦涩的+ muli组合。会尝试一下。感谢您在适当的时刻分享。:)
干杯,
riyaz.
由于凯莉!我一直在寻找最好的方式来吸引访问者,并尽可能创造最好的用户体验。
我想这些字体将与横幅,社交形象等表现良好。
再次感谢!
做一切都是一个好主意,帮助我们改善用户体验。字体选择实际上是一个重要的任务。我非常感谢您对字体的了解。
这些组合真的很好。
爱你在结束时所说的话,如果字体是工作的,那么读者甚至没有意识地想到它。如此真实!