网页CSS样式属性:font字体常识_html/css_WEB-ITnose
程序员文章站
2022-06-07 09:05:15
...
同时声明中文字体的字体名称(英文)和显示名称(中文):
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
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
上一篇: MySQL有条件插入数据
下一篇: 非常详细的SQL--JOIN之完全用法
推荐阅读
-
dropdownmenu,网页另存为之后,CSS样式变的很丑,求高手指点_html/css_WEB-ITnose
-
2个网页调用同一个css,为什么有一个网页字体显示不出来_html/css_WEB-ITnose
-
dropdownmenu,网页另存为之后,CSS样式变的很丑,求高手指点_html/css_WEB-ITnose
-
网页字体知识_html/css_WEB-ITnose
-
谷歌字体(Google Font)初探 [翻译自Google官方文档]_html/css_WEB-ITnose
-
使用 CSS 去掉 iPhone 网页上按钮的超大圆角以及文本框圆角默认样式_html/css_WEB-ITnose
-
精通CSS+DIV网页样式与布局CSS文字效果_html/css_WEB-ITnose
-
【CSS样式】:所有样式属性_html/css_WEB-ITnose
-
样式常用属性_html/css_WEB-ITnose
-
网页字体介绍以及网页常用字体设置_html/css_WEB-ITnose