网页设计对字体设计的要求有哪些?

操作方法

  • 01

    网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体,防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。如果你没有设置任何字体,网页将以这两种标准字体显示。同时,这两种字体也可以在任何操作系统和浏览器里正确显示。 字体涉及各行各业,在设计领域的应用范围很广泛,除了我们常见的平面设计外,网页设计对字体的要求也是有一定的规范可言的,其主要的元素主要有三点。

  • 02

    一、字体的使用。网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体,防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称,默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。如果你没有设置任何字体,网页将以这两种标准字体显示。同时,这两种字体也可以在任何操作系统和浏览器里正确显示。    windows另外自带了40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix则不能完全正确显示。网页字体的样式一共有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。

  • 03

    二、字体的大小设置。网页中字体大小不要乱设置,最好以系统默认为宜,一般是12PT,现在网络上最流行的小中文字体大小为9pt。    CSS2规范根据长度、水平和垂直尺寸来定义字体。这个长度为一个数值,前面可能带一个可选的加( )或减(-)标记符。另外,该数值后可能有一个可选的单位标识符。另外,CSS2规范定义了两个单位类型:绝对单位和相对单位。绝对值指定单位,而相对单位指定一个与另一个值成比例的值。下面的列表列出了相对单位标识符:    em:元素字体的高度。它与使用该字体的元素的字体大小属性计算值相等。当它出现在字体大小属性值本身中时,会出现异常,这时它指母元素的字体大小。    ex(x-高度):CSS2规范将它描述为小写字母x的高度。    px(像素):它与背景或屏幕的分辨率有关。根据显示器分辨率输出不同像素,由于用户的喜好不同,显示器的分辨率可能会有很大差异。

  • 04

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

(0)

相关推荐

  • APP LOGO设计之字体设计入门教程

    很多的移动APP图标的logo设计都是有一些字体转换设计而来.比如美团的APP图标LOGO,支付宝的APP图标logo.天猫的APP图标logo等等. 如果大家有兴趣可以去看看APP store排行榜 ...

  • 怎样设计网页中的字体效果最好

    字体是网站最基本也是最重要的一个元素,选择一个大众化的字体,符合视觉美观的大小,设置恰到好处的颜色其实是一个不能忽视的网站优化要点,以下简单介绍一下怎样设计网页中的字体效果最好,主要从4个要点来说:样 ...

  • 33个卓越的英文字体设计

    小编话:今天的欣赏是来自设计达人分享的33个卓越的英文字体设计,看起来有点复杂,因为都是经过了设计师的精心排版与变形才得来.无论是从配色还是字体的排列都可以看出花了不少的功夫,希望能够给大家带来灵感. ...

  • 创意“福”字体设计教程【PS教程】

    前几天在网站上发布了设计师含宗的一套作品"充满创意的字体设计",大家纷纷为设计师的创意点赞,并强烈要求出一份教程.今天,教程上线(好激动),一起来学习下吧~ 一.创作背景: 毕业到 ...

  • 如何用PS设计水晶字体

    PS软件运用十分广泛,主要应用到图片处理,文字排版,图形设计,网页设计等多个方面.下面和小编一起来学习如何用PS设计水晶字体吧. 操作方法 01 新建一个720*240的白色背景,点击确定,选择横排文 ...

  • 如何用PS设计变形字体和马赛克字体

    PS软件应用范围十分广泛,深受广大观众的喜欢,主要应用到图片处理,文字排版,图形设计,网页设计,建筑效果图的修饰等多个方面,下面和小编一起来学习如何用PS设计变形字体和马赛克字体这篇文章吧. 操作方法 ...

  • fontographer艺术字体设计软件好用吗?

    fontographer艺术字体设计软件好用吗? Fontographer 5专业字体设计软件下载,让你能轻松扩展现有的字体,可为已有字体添加包括分数、符号标志、外国字体,和商标Logo。 Fonto ...

  • 电商设计之字体篇

    电商设计之字体篇;常用的中英文字体及高级使用技巧及设计案例讲解

  • PPT怎么设计布艺字体? ppt布艺艺术字的做法

    ppt中想要设计布艺字体,该怎么设计呢?下面我们就来看看ppt设计布艺字体的教程. 1.打开PPT,删除幻灯片上原有的文本框不用,背景默认或设置为黑色. 2.插入文本框,输入文字. 3.设置文本格式: ...