【笔记】CSS解决从服务器上下载字体的兼容性问题

发表于 更新于 阅读次数：

前言

CSS解决从服务器上下载字体的兼容性问题

正文

1
2
3
4
5
6
7
8
9
10
@font-face {
  font-family: 'Font Name';
  src: url('fonts/font-name.eot'); /* 适配IE9 */
  src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'), /* 适配IE6~IE8 */
        url('fonts/font-name.woff') format('woff'), /* 适配Chrome、Firefox */
        url('fonts/font-name.ttf') format('truetype'), /* 适配Chrome、Safari、Opera、Safari、Android、iOS4.2+ */
        url('fonts/font-name.svg#font-name') format('svg'); /* 适配IOS4.1- */
  font-weight: normal;
  font-style: normal;
}

完成