页面css设定特殊字体

先建立一个放特殊字体的文件夹,

字体文件兼容性:
Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。
Internet Explorer 9+ 支持新的 @font-face 规则,但是仅支持 .eot 类型的字体 (Embedded OpenType)。
注释:Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。


页面css设定特殊字体_第1张图片

定义特殊字体(可在页面公共css里写)

@font-face {
  font-family: myFirstFont;
  src: url('Sansation_Light.ttf'),
        url('Sansation_Light.eot'); /* IE9+ */
}

使用

div {
  font-family:myFirstFont;
}

eot、.woff、.svg每种格式的文件都可以用专门的工具转换得到,同时也有专门的用于生成@font-face文件的网站,可以将字体文件上传到网站上,转换后下载,然后就可以嵌入到网页上使用了。
fontsquirrel
freefontconverter
font2web

你可能感兴趣的:(页面css设定特殊字体)