@font-face

浏览器支持情况

  • IE9只支持.eot类型的字体
  • Firefox,chrome,Safari,Opera支持.ttf 与.otf两种类型字体
    注意: Internet Explorer 8 及更早IE版本不支持@font-face 规则.

属性定义及使用说明

@font-face规则,网页设计师再也不必使用的"web-safe"的字体之一。

  • 字体的名称,font - face规则:
font-family: myFirstFont;
  • 字体文件包含在您的服务器上的某个地方,参考CSS:
src: url('Sansation_Light.ttf')

如果字体文件是在不同的位置,请使用完整的URL:

src: url('http://www.w3cschool.css/css3/Sansation_Light.ttf')
@font-face_第1张图片
@font-face_第2张图片

你可能感兴趣的:(@font-face)