多语言展示
当前在线:871今日阅读:23今日分享:25

html页面中的字体详解

作为一个Web前端工程师,对网页中html代码的编写应该是了如指掌,像字体这种小问题大家都觉的很简单啊,其实不然,我们的网页字体设计方面有着很大的学问哦,   下面小编就来告诉大家哦。
方法/步骤
1

我们可以用火狐的Firebug插件,查看其它网页的css样式中的字体设置。

2

我们可以看到,它设置的字体有好多种。中文的,英文的都有,这其中是有规律可循的。

3

虽然大多数网页的字体都是“微软雅黑”,但是设计人员的电脑上有微软雅黑,并不表示浏览网页的人员的电脑上也有微软雅黑的。

4

所以,我们在设置网页时有就应该考虑到电脑上没有安装微软雅黑字体的用户。

5

我们需要秉承的字体设定原则也就诞生了。首先,我们应该将字体设置为我们想让其呈现的字体,然后是和其接近的字体。例如微软雅黑的接近字体是黑体,

6

如果用户的电脑上面也没有黑体,我们就需要设置黑体所属的字体类别为其字体,即sans-serif

7

还有一点就是,如果我们的文字中有英文,单纯设置微软雅黑会让所有的字母变成微软雅黑的字体,这就需要我们先为其设置相应的英文字体,英文字体只有英文适用,中文字体却是汉字、字母、数字都有的。

8

这就是为什么一般网页上的字体都是有好多种的了。以后 设置font-family时,不要单纯的只设置一种了哦。

推荐信息