摘抄笔记1

wordpress主题字体更换

闲言语

原来的字体太难看,很喜欢微软雅黑那细腻、圆润、光滑的感觉。所以自己就把博客的字体修改修改成了微软雅黑。

要更改博客字体,首先找到样式表中(Style.css)控制字体的语句:

font-family: xxxxxx;

1

font-family:xxxxxx;

然后改成你需要的字体即可。

如改成微软雅黑:

font-family: 'Microsoft Yahei',xxxxxx;

1

font-family:'Microsoft Yahei',xxxxxx;

其中Microsoft YaHei(微软雅黑)就是第一语言,后面的xxxxxx是备用字体。

嗯,这样是不是好看多了。

Notice:

1.如果浏览者没有安装微软雅黑字体, 即使修改CSS, 对方也看不到效果 。

2.当修改CSS显示为雅黑字体后, 如果对方没有安装字体, 则会自动选择第二字体 。

感谢机智的阿卡林酱提醒,以上是很屎的改法。

于是参考《Web 中文字体应用指南》和《如何保证网页的字体在各平台都尽量显示为最高质量的黑体?》改成了这样:

font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;

1

font-family:Helvetica,Tahoma,Arial,STXihei,"华文细黑","Microsoft YaHei","微软雅黑",SimSun,"宋体",Heiti,"黑体",sans-serif;

这句声明都做到哪些事情呢?

1.对于英文字符,首先查找Helvetica(Mac),然后查找Tahoma(Win),都找不到就用Arial(Mac&Win);若是以上三者都缺失,则使用当前默认的sans-serif字体(操作系统或浏览器指定);

2.对于中文字体,首先查找华文细黑(Mac),然后查找微软雅黑(Win),然后是宋体(Win),黑体(Mac&Win,用作Mac的fallback);同理,若是以上三者都缺失,则使用当前默认的sans-serif字体。

这样声明的好处有哪些?

1.声明字体名称(英文)和显示名称(中文)。

很多开发者忽略了这一点:尽管我们在操作系统中常常看到宋体、微软雅黑、华文细黑这样的字体名称,但实际上这只是字体的显示名称,而不是字体文件的名称。虽然说在大多数情况下直接使用显示名称也有效,但有些用户却工作在一些很极端的情况下,这会导致你的字体声明无效。

比如说,用户安装了中文版的操作系统(这意味着系统有中文字体),但是却切换到了以英文为主要语言——这种情况在那些希望加强英语锻炼的中文用户当中是很常见的。这时候,操作系统很有可能无法按照显示名称找到正确的字体,所以我们要记住的第一件事情就是: 同时声明中文字体的字体名称(英文)和显示名称(中文)。

2.声明英文字体,并且英文字体应该在中文字体之前。

记住这个事实:绝大部分中文字体里包含英文字母(但是基本上都很丑),而英文字体里不包含中文字符。

在网页里中/英文混排是很常见的,你绝对不会喜欢用中文字体显示英文的效果,所以一定不要忘了先声明英文字体。

3.照顾不同的操作系统。

Windows, Mac OS, Linux 家族等常用操作系统里的系统字体字体渲染效果差异很大。如果没有缺失字体,正常情况下这样声明 Windows 使用Tahoma+微软雅黑,Mac OS 使用Helvetica+华文细黑。而Linux,因为文泉驿微米黑的质量也没有绝对优势,加之 Linux 各发行版的情况非常复杂,所以或许不指定字体最好。

4.向下兼容。

声明了宋体作为微软雅黑的fallback,黑体作为华文细黑的fallback。

PS:

其实最好是判断 UA 然后为不同的平台指定不同的 font-family,但由于技术所限。。。

从 Vista 开始,微软提供了微软雅黑作为新的简体中文默认字体。这款字体跟上了时代,但褒贬不一。微软雅黑有粗体,西文部分达到了

Windows 的水准。在自己的网页设计中要不要用微软雅黑来显示正文——这是一大抉择。我个人感觉微软雅黑比宋体好看多了,所以还是沿用微软雅黑

你可能感兴趣的:(摘抄笔记1)