A-A+

CSS样式设置字体为微软雅黑不起作用

2015年09月05日 前端设计 暂无评论 阅读 15 views 次

应一个客户的要求,需要将网页的整体字体全部改为微软雅黑的字体,其实之前也有客户有这样的要求,当时不知道怎样去设置字体,所以之前就一直使用默认的宋体,这次一定要下定决心更改一下网页字体,说实话,一直使用宋体看着有点不太舒服,给客户解释说如果电脑里面没有微软雅黑的字体,则默认又会变成宋体。

首先在 css 文件样式里面设置微软雅黑是很简单的,样式表如:font-family: "微软雅黑"; 即可以了,但夏日博客在应用了微软雅黑的字体后,在页面无论如何也显示不出来,网页和CSS样式是单独分开的,在检查了网页是 UTF-8 格式后,再去检查 CSS 样式,css 文件是 gb2312 的,将其更改为 utf-8,再去刷新页面就正常显示出来了。

还有一点,如果我们想要应用多个字体样式的话,比如我们要首先应用 微软雅黑 的字体,如果客户端没有 微软雅黑 的字体,则默认应用第二字体,比如 宋体,哪么 CSS 样式应该改为如下:

  1. font-family:"微软雅黑","宋体";

OK,如果想要再添加其它字体,在字体后添加 ,"字体名称" 就可以。

标签:

给我留言