bootstrap网页字体使用小记

众所周知网页字体的设置主要由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;