众所周知网页字体的设置主要由font-family决定
font-family 规定元素的字体系列
在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同
font-family:inherit;
我们来来看看一些免费的bootstrap模板中如何设置字体:
table.dataTable thead .sorting:after {
content: "\f0dc";
float: right;
font-family: fontawesome;
color: rgba(50,50,50,.5);
}
bootstrap模板字体大多以英文字体为基准,使用中最大的问题就是网页语言一旦换成中文,页面就变得比较丑陋了。
这个时候我们可以适当地调整font-family属性值
font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。
font-family 通常会定义在CSS的Body节点下,如:
font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;