如果你想你网站上的文字看起来更加不一样，就必须要给网页中的标题、段落和其他页面元素应用不同的字体。你可以用font-family属性在CSS样式里设置字体，如： font-family:Arial但是设置的这种字体，你电脑上必须装有该字体，否则将按原字体样式显示。当然，也可以写上多种字体，当对方浏览你的网站，没有安装第一种字体时，浏览器就会在列表中继续往上搜寻，直到找到有适合的字 体为止，像这样： font-family:Arial,Helvetica,sans-serif在上例中，Web浏览器会先看看是否安装了Arial字体。如果安装了，那么就用Arial字体显示；如果没有安装，浏览器就会继续寻找Helvetica字体；如果还是没有找到，最后它就会指定一种通用的字体--sans-serif。如果字体的名称中包含多个单词时，则必须用双引号（“”）将它们括起来，如： font-family:"Times New Roman",Times,serif以下就介绍几种常用的font-family字体类型组合，每一列的最后都包含一种通用的字体。 1、Serif字体：最适用于冗长的文字信息，因为读者都会觉得这种字体使字母主笔划的结尾处会有一些细小的“足”，能够比较有效地引导人们的视线从一个字母一到到下一个字母，阅读起来感觉更加轻松。serif字体包括：Times，Times New Roman、Georgia。 2、Sans-serif字体：它看起来干净而简洁，所有经常被用在标题上。Sans-serif字体包括：Arial、Helvetica、Verdana和Formata。 3、Monospaced字体：它经常用于显示计算机代码，它每个字母都是等宽的。不同系统，所包含的字体不同。如果你非要用这种字体，建议你还是用谷歌在线字体。
如果不是很必要，建议你用其他字体代替，可以在font-family属性中多添加几种字体，比如苹果机中常见字体，linux中常见字体
@font-face是什么：
@font-face是一个css命令，用来导入服务器端字体，将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。因此本地浏览器浏览网页时，不需要设置字体，就可以查看@font-face设置的任何字体。
@font-face在css中使用：
@font-face的语法规则：
@font-face {
font-family: <YourWebFontName>
src: <source>[<format>][,<source>[<format>]]*
[font-weight: <weight>]
[font-style: <style>]
}
取值说明
1、YourWebFontName:此值指的就是自定义的字体名称，最好是使用下载的默认字体，他将被引用到Web元素中的font-family。如“font-family:"YourWebFontName"”
2、source:此值指的是自定义的字体的存放路径，可以是相对路径也可以是绝路径；
3、format：此值指的是自定义的字体的格式，主要用来帮助浏览器识别，其值主要有以下几种类型：truetype,opentype,truetype-aat,embedded-opentype,avg等；
4、weight和style:这两个值大家一定很熟悉，weight定义字体是否为粗体，style主要定义字体样式，如斜体。
