浏览器对字体格式的支持详解

1.1概述

不同的浏览器对字体格式支持是不一致的。字体的格式包括.tff、.otf、.woff、.eot、.svg五种格式。

1.2格式介绍

1.2.1TureType(.ttf)格式

.ttf字体是Windows和Mac的最常见的字体，是一种RAW格式。支持这种字体的浏览器有【IE9+、Firefox3.5+、Chrome4+、Safari3+、Opera10+、iOSMobileSafari4.2+】。

1.2.2OpenType(.otf)格式

.otf字体被认为是一种原始的字体格式，其内置在TureType的基础上，所以也提供了更多的功能,支持这种字体的浏览器有【Firefox3.5+、Chrome4.0+、Safari3.1+、Opera10.0+、iOSMobileSafari4.2+】。

1.2.3WebOpenFontFormat(.woff)格式

.woff字体是Web字体中最佳格式，是一个开放的TrueType/OpenType的压缩版本，同时也支持元数据包的分离,支持这种字体的浏览器有【IE9+、Firefox3.5+、Chrome6+、Safari3.6+、Opera11.1+】。

1.2.4EmbeddedOpenType(.eot)格式

.eot字体是IE专用字体，可以从TrueType创建此格式字体，支持这种字体的浏览器有【IE4+】。

1.1.5SVG(.svg)格式

.svg字体是基于SVG字体渲染的一种格式，支持这种字体的浏览器有【Chrome4+、Safari3.1+、Opera10.0+、iOSMobileSafari3.2+】。