网页设计中如何应用正确的字体

2023-10-09    分类: 网站建设

从正文开始并将其设置为默认大小1em,在大多数浏览器中计算为 16 像素。使用相对单位,然后按比例放大字体大小和理想情况下的布局,并在更大的视口上放大,因为我们可以假设观众离得更远。

字体的好坏取决于它的设置。您可以为您的网页或应用程序设计选择好的字体,并且在将字体设置得如此之小或以其他不合适的方式进行设置时,仍然可以大放异彩(双关语)。在设置文本时,排版的三位一体是:字体大小,行高(或前导),和线长(或测量)。这三个参数彼此密切相关,如果您的文本容易阅读,就会产生影响。所以在调整字体大小时,其他参数也可能会随之调整。我总是从选择合适的字体开始,然后设置合适的字体大小,然后注意行长和行高。

与选择合适的字体一样,问问自己,您的文本的主要用途是什么?它是一种长阅读格式吗,比如博客?然后正文是您节目的明星。它是一个投资组合还是一个更具营销意义的炫耀网站?然后显示文本开始发挥作用。它是具有非常短的准确信息的应用程序或 UI,那么功能性文本是您的主要角色。以下是我在项目中使用的值。将它们用作有用的指南。显示文本,如标题或拉引号,设置得更大。理想情况下,正文应该围绕浏览器默认设置。功能性文本可以稍微小一些。

文章主体默认值:16px或1em,在移动设备上:使用默认值,有时会缩小 10%,在桌面上:向上直到24px或1.5em。我看到很多网站将正文设置得太小。在视频中,我展示了一个酒店网站的可怕示例,其中正文文本在桌面上仅设置为 11 像素,这很荒谬。即使是移动设备,它也太小了。

显示文本(标题 1)默认值:40px或2.5em对于

,移动设备:32px或2em更小,因为它占用了太多空间,在桌面上:向上直到64px或4em。
我将其用作字体大小的大值。对于其他标题,您可以选择介于两者之间的一些值,这些值仍将创建视觉层次结构。在大多数情况下,您只需要将您的样式设置

. 将

可能在一个更大胆的重量或不同的字体大小相同的正文,而是集,所以它仍然站出来作为标题。

功能性文本(标题、导航)默认值:12pxto14px或0.75emto0.875em,在移动设备上:不要低于默认值,它已经很小,在桌面上:上升到16px或1em。此文本可以小于正文文本。这是因为否则您将很难将其融入您的设计中。不过,它应该仍然可读。这里的一个提示是使用稍强的重量(如中等)并增加跟踪(1% 或 0.01em)。

网站题目:网页设计中如何应用正确的字体
当前链接:/news8/284958.html

成都网站建设公司_创新互联,为您提供网页设计公司网站设计做网站外贸网站建设品牌网站制作营销型网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都做网站