10大优享服务
62项会员特权

网页字体设计设置技巧

发布时间:2021-12-01 14:11:25     阅读次数:11223次     评论数:0次

  字体涉及各行各业,在设计领域的应用范围很广泛,除了我们常见的平面设计外,网页设计对字体的要求也是有一定的规范可言的,其主要的元素主要有三点。下面一品威客网就对网页字体设计的元素做主要介绍。

  1、字体的大小设置

  网页中字体大小不要乱设置,最好以系统默认为宜,一般是12PT,现在网络上最流行的小中文字体大小为9pt。

  CSS2规范根据长度、水平和垂直尺寸来定义字体。这个长度为一个数值,前面可能带一个可选的加(

  )或减(-)标记符。另外,该数值后可能有一个可选的单位标识符。另外,CSS2规范定义了两个单位类型:绝对单位和相对单位。绝对值指定单位,而相对单位指定一个与另一个值成比例的值。下面的列表列出了相对单位标识符:

  em:元素字体的高度。它与使用该字体的元素的字体大小属性计算值相等。当它出现在字体大小属性值本身中时,会出现异常,这时它指母元素的字体大小。

  ex(x-高度:CSS2规范将它描述为小写字母x的高度。

  px(像素):它与背景或屏幕的分辨率有关。根据显示器分辨率输出不同像素,由于用户的喜好不同,显示器的分辨率可能会有很大差异。

  2、字体的使用

  网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体,防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文times

  new Roma字体。如果你没有设置任何字体,网页将以这两种标准字体显示。同时,这两种字体设计也可以在任何操作系统和浏览器里正确显示。

  windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix则不能完全正确显示。网页字体的样式一共有四种:正常体(regular)、斜体(Italic)、粗体(Bold)、粗斜体(Bold

  Italic)。

  3、特殊字体或艺术字体的设置

  如果你需要用一种特殊的字体来体现你的风格,那么特殊字体或艺术字体最好以图片的方式置入网页。需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。

  在网页里,字体的定义语句是:显示文字其中Arial就是一种字体的名称。

  如果需要用一种特殊的字体来体现风格,那么如何让大家可以真正看到设计页面呢?解决的办法是使用图片。将需要用这种字体的地方用图片代替,以保证所有人看到的页面是同一效果。

  今天一品威客小编就和大家分享到这里。阅读本文之后,或许对您阿有一定的帮助,了解更多app开发资讯,请关注一品威客网,一个新型创意托付式服务平台!如果你有网络百度推广、app开发、小程序开发,装修,营销策划等需要,欢迎到一品威客网发布任务,让广大服务商为您服务。

本文地址:
来源:一品威客,转载须经版权人书面授权并注明来源

留言(0

↓展开留言

该攻略尚无留言记录