html页面中的字体详解

2025-04-21 19:33:09

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

html页面中的字体详解

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

html页面中的字体详解

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

html页面中的字体详解

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

html页面中的字体详解

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

html页面中的字体详解

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

html页面中的字体详解

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

html页面中的字体详解

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢