css引入外部字体

indd

于 2016-07-27 19:23:05 发布

阅读量746

点赞数

CC 4.0 BY-SA版权

分类专栏： css3 文章标签： css

本文链接：https://blog.youkuaiyun.com/osdfhv/article/details/52048557

css3 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用@font-face规则跨浏览器加载自定义字体的方法，包括不同浏览器支持的字体格式如.TTF、.OTF、.EOT及.SVG等，并提供了一个具体的CSS配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    .TTF或.OTF，适用于Firefox 3.5、Safari、Opera 
.EOT，适用于Internet Explorer 4.0+ 
.SVG，适用于Chrome、IPhone  

比如: 

@font-face { 

font-family: ‘HansHandItalic’; 

src: url(‘fonts/hanshand-webfont.eot’); 

src: url(‘fonts/hanshand-webfont.eot?#iefix’) format(‘embedded-opentype’), 

     url(‘fonts/hanshand-webfont.woff’) format(‘woff’), 

     url(‘fonts/hanshand-webfont.ttf’) format(‘truetype’), 

     url(‘fonts/hanshand-webfont.svg#webfont34M5alKg’) format(‘svg’); 

font-weight: normal; 

font-style: normal; 

}