网页设计中字体在运用中的一些小技巧

时间:2022-07-14 00:31:59 设计 我要投稿
  • 相关推荐

网页设计中字体在运用中的一些小技巧

常用字体

我们页面的绝大部分内容字符都是中文,毫无疑问目前为止在网页上最常用也是最通用的显示中文的字体是宋体,但是宋体在显示英文、数字和英文符号时过于糟糕。使用英文字体作为第一默认字体会导致的问题之一就是中英文以及符号混排时的对齐问题、通过设置行高和 hasLayout 能解决绝大部分情况,但是都不会很完美,如果把字体改成“宋体”能彻底的解决问题。很明显,这个问题只出现在 IE 上。

不同操作系统上的字体

我们有时候为了能够突出设计的不同效果,还会使用其他的字体。windows操作系统拥有40多种英文字体和5种中文字体。这些字体,你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体,但在其它操作系统里,如unix则不能完全正确显示。网页字体的样式一共有四种:正常体(regular),斜体(Italic),粗体(Bold),粗斜体(Bold Italic)。

特殊字体或艺术字体

为了设计出比较炫的效果,我们通常会用到特殊的字体来体现出自己的设计风格,但是这种字体是用样式调用不出来的,这种情况,我们只有将其做成图片置入到网页中了,网站不仅能保持设计时的美观,而且还能让所有人看到的页面是同一效果。

浏览器默认的样式

往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。拿字体来说,各个浏览器默认的字体种类、字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而英文版肯定不会如此。所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率。


[网页设计中字体在运用中的一些小技巧]相关文章:

1.网页设计中字体在运用中的一些小技巧

【网页设计中字体在运用中的一些小技巧】相关文章:

动画设计中的色彩运用12-30

色彩在服装设计中的运用论文04-21

色彩在服装设计中的运用-个人礼仪07-07

职场中如何运用厚黑学07-11

演讲中沉默艺术的运用04-04

服装搭配中色彩的运用07-11

面试中如何运用情商05-30

演讲中手势的运用需自然06-02

字体的设计02-06

面试中的应对技巧07-11