[CSS参考手册](http://css.doyoe.com/)»[语法与规则列表](#)» 相关内容： [**其它语法与规则参考**选择其它项](#) - [!important](#) - [comment](#) - [@import](#) - [@charset](#) - [@media](#) - [@font-face](#) - [@page](#) - [@keyframes](#) # @font-face - **版本：CSS3** ### 语法： **@font-face**{font-family:name;src:[<url>](#);sRules;} ### 取值： <name>：字体名称[<url>](#)：使用绝对或相对地址指定OpenType字体<sRules>：样式表定义 ### 说明： **设置嵌入HTML文档的字体。** - 通常使用.ttf(TrueType)和.otf(OpenType)两种字体格式。 - 嵌入HTML文档的字体是指将OpenType字体（压缩的TrueType字体）文件映射到客户端系统，用来提供HTML文档使用该字体，或取代客户端系统已有的同名字体。即让客户端显示客户端所没有安装的字体。 - 微软的IE5已经是开始支持这个属性，但是只支持微软自有的.eot(Embedded Open Type)格式，而其他浏览器直到现在都没有支持这一字体格式。Safari从3.1开始已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做为自定义字体了。 ### 兼容性： - 浅绿 = 支持 - 红色 = 不支持 - 墨绿 = 部分支持 - 橙色 = 实验性质 <table class="gdataform"><thead><tr><th><a href="#browser" title="查看本文档测试时所用浏览器版本">支持版本</a>\类型</th> <th><span class="browser-ie">IE</span></th> <th><span class="browser-firefox">Firefox</span></th> <th><span class="browser-safari">Safari</span></th> <th><span class="browser-chrome">Chrome</span></th> <th><span class="browser-opera">Opera</span></th> </tr></thead><tbody><tr><th>版本</th> <td class="partsupport">6.0-8.0 ^{<a href="#support1">#1</a>}</td> <td rowspan="2" class="support">4.0</td> <td rowspan="2" class="support">5.1</td> <td rowspan="2" class="support">13.0</td> <td rowspan="2" class="support">11.50</td> </tr><tr><th>版本</th> <td class="partsupport">9.0-10.0 ^{<a href="#support2">#2</a>}</td> </tr></tbody></table> 1. IE8及更早浏览器只支持微软自有的.eot(Embedded Open Type)格式。 1. IE9.0-10.0部分支持ttf和otf字体格式。 ### 示例： 如果你的机器没有安装微软雅黑Microsoft YaHei，可以玩玩看。如果你用的是老版本IE，很遗憾你得找找看.eot格式的该字体 Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved