@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')
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 摘要:本篇文章包括(1)介绍@font-face(2)如何在网页中使用@font-face插入特殊字体(3)中文在...
    Masukio阅读 16,551评论 0 17
  • 字体转换工具:fontmin-app在线转换:web-fontmin 本文参考地址:CSS3 @font-face...
    丶Dahl阅读 782评论 0 1
  • 基础知识 @font-face虽然是CSS3模块,但是IE4时代开始就已经支持了它,只不过跟现在CSS3的功能相比...
    microkof阅读 1,204评论 0 3
  • @font-face是CSS3新特性中的一个模块,今天就来介绍下它。它主要是把自定义的Web字体嵌入到你的网页中。...
    荷小音阅读 976评论 0 2
  • XP时,中文网页默认宋体;IE7/8时,改成了微软雅黑;到现代浏览器,CSS3提供了@font-face让我们终于...
    提小莫阅读 564评论 0 2