热门标签 | HotTags
当前位置:  开发笔记 > 开发工具 > 正文

网页CSS样式属性:font字体常识_html/css_WEB-ITnose

网页CSS样式属性:font字体常识
同时声明中文字体的字体名称(英文)和显示名称(中文):
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
推荐阅读
author-avatar
绿林VS逍遥
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有