TTF 字体是 Windows 和 Mac 系统最常用的字体格式，OTF 是 Microsoft 与 Adobe 基于 TTF 字体的基础上开发的，并提供了更多功能。Firefox、Chrome、Safari 以及 Opera 支持 TTF 和 OTF 字体格式。
③、Embedded OpenType Format（.eot 格式）
EOT 是嵌入式字体，是微软开发的技术，IE 的专用字体，允许 OTF 字体用 @font-face 嵌入到网页并下载至浏览器渲染，存储在临时安装文件夹下。但该格式字体只存在于 IE 早期的版本，因为 IE 8 以及更早版本不支持新的 @font-face 规则，所以只有 IE9+ 浏览器可以使用。
④、SVG（.svg 格式）
SVG 是 W3C 制定的开放标准的图形格式。SVG 字体就是基于 SVG 技术来呈现字体，SVG 字体是一种用矢量图格式改进的字体格式，体积上比矢量图更小，适合在手机设备上使用。目前只有 Chrome，Safari 和 Opera 支持该字体格式。
IE，Firefox，Chrome、Safari 和 Opera 这些主流浏览器都是老外的，不过最近 Opera 被 360 和昆仑万维给收购了，@font-face 老外用着那是相当嗨，他们就没考虑过中文的感受，@font-face 对于英文的支持非常成熟。英文字体的文件看到中文字体文件那就是：忽有庞然大物拔山倒树而来！还曾一度被认为中文不适合嵌入网页，中文一套字体大概都是 3-8M 的样子，使用网络字体需要额外的 HTTP 连接，这会影响页面的加载速度和性能，耗费服务器资源。所以使用网络字体还需慎重，@font-face 并不适合在页面上大范围的应用，而是用在最有必要展示的内容上，可以增强页面体验。相比英文字体，中文字体的网页开发还是有着极大的局限性。
网上有很多提供字体下载的网站，找到自己需要的字体下载后，可以使用在线转换字体格式服务，比如 FontsQuirrel，该网站提供的在线工具 webfont-generator，可以在线将字体转换成兼容各种浏览器的字体格式 .woff .woff2 .eot .ttf .svg。
在网站中使用中文 @font-face，比较好的办法就是通过 WebFont 网站来完成，中文比较专业的就是 有字库，只需要提交你想要的字，就可以自动生成支持所有浏览器的 @font-face，直接在线引用，无需下载，支持定制字库。也可以使用 易字云，易字云其实就是“字体管家“，目前也提供了 WebFont 服务，他的主要特点就是字体免费授权，并且支持多种开发环境：安卓、IOS移动端、H5 页面和 Web 网站以及游戏等。还可以使用鹅厂的 字蛛 （FontSpider），他是中文 WebFont 本地自动化压缩与转码工具，通过自动化技术来压缩、转码跨平台的中文字体，可以让网页自由嵌入中文字体。具体的使用方法，百度知道。虽然 阿里巴巴 图标库也提供了 Web font 服务，但是字体实在是太有限了。
(3)、使用需要的字体
在新的 @font-face 规则中，必须首先定义字体的名称（比如 myFirstFont），然后指向该字体文件。
设置字体的名称建议最好是使用下载字体的默认名称，或者根据字体的样式定义合适的名称。
如需为 HTML 元素使用字体，只需要通过 font-family 属性来引用字体的名称：
@font-faceThe best things in life are free, like hugs, smiles, friends, kisses, family, love and good memories.The moon belongs to everyone，best things in life they're free，stars belong to everyone，they cling there for you and for me.Love can come to everyone，best things in life they're free，all of the good things，every one of the better things.The best things in life are free, and the second best things are very, very expensive.
在 IE 中显示如下：
(4)、使用粗体文本
如需在粗体的文本上显示自定义字体，则需要添加另一个包含粗体文字的 @font-face 规则：
相关文章
精彩导读
热门资讯
关注我们
