您的位置:首页 > Web前端 > CSS

网页CSS样式属性:font字体常识

2015-04-28 16:08 211 查看
同时声明中文字体的字体名称(英文)和显示名称(中文):

font-family:SimSun,"宋体";

font-family:"Microsoft YaHei","微软雅黑";

font-family:STXihei,"华文细黑","Microsoft YaHei","微软雅黑";

永远不要忘记声明英文字体,并且英文字体应该在中文字体之前

Font-family: Georgia, SimSun, “宋体”

在最后补充英文字体族的名称。字体族大体上分为两类:非衬线sans-serif和衬线serif

font-family:Georgia,SimSun,"宋体",serif;

font-family:Arial,"Microsoft YaHei","微软雅黑",sans-serif;

兼容不同的操作系统:

Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif

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

对于中文字体,我们已经了解其规则了。华文细黑(Mac),微软雅黑(Win)是这两个平台的默认中文字体。

向下兼容:

大量的用户在使用 Windows XP,宋体才是他们的主要中文字体。为了照顾到这些用户,你可以为微软雅黑增加一个 fallback:

在中文字体的用户群体里,很大一部分拥有 Mac 的人都同时安装了 Win 下常用的中文字体(这得归功于 Office for Mac);但极少有 Win 用户去安装 Mac 下的中文字体.

因此,把 Mac 用字体声明在前面几乎不会对 Win 用户产生什么影响(因为他们压根没有!),倒是用来做 fallback 的黑体可能会取代微软雅黑的位置,所以正确排列为:

font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”,“Microsoft YaHei”, “微软雅黑”, SimSun, “宋体”, Heiti, “黑体”, sans-serif
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: