@font-face 自定义字体_综合

css通用字体

通用字体系列：拥有相似外观的字体系统组合，（如“serif”或“monospace”）CSS定义了5种通用字体系列：serif 字体、sans-serif 字体、monospace字体、cursive 字体、fantasy字体。特定字体系列：具体的字体系列（如“Times”或“Courier”）。

@font-face 自定义字体

将字体文件存放到Web服务器上，它会在需要时被自动下载到用户的计算机上

定义字体

@font-face {
    font-family: myfont; <!-- 自定义字体名称 -->src: url('font-family/Sansation_Light.eot'); /*eot 兼容ie9*/src: url('font-family/Sansation_Light.ttf');<!-- font-stretch;font-style;font-weight;unicode-range -->
}

使用自定义字体

.title {
    font-family: myfont;font-size: 14px;
}