CSS3支持哪些新的字体格式

CSS3支持的新字体格式及特性
CSS3通过@font-face规则引入了Web字体功能，允许开发者使用未安装在用户系统中的字体，突破了传统CSS依赖系统字体的限制。其支持的主要新字体格式及特性如下：

1. WOFF（Web Open Font Format）

专为网络设计的压缩字体格式，基于TrueType或OpenType，支持元数据分离（如字体名称、版权信息），文件体积小、加载快，是当前Web字体的主流格式。
浏览器支持：IE9+、Firefox3.5+、Chrome6+、Safari3.6+、Opera11.1+。

2. WOFF2

WOFF的升级版本，采用更高效的Brotli或Zopfli压缩算法，压缩率比WOFF高约30%（相同字体文件体积更小），进一步提升网页加载性能。
浏览器支持：Chrome36+、Firefox39+、Edge10+、Safari10+、Opera26+。

3. TTF（TrueType Font）

传统TrueType字体格式，广泛应用于Windows和Mac系统，支持矢量渲染（无锯齿），但未针对网络优化（文件体积较大）。
浏览器支持：IE9+、Firefox3.5+、Chrome4+、Safari3+、Opera10+。

4. OTF（OpenType Font）

基于TrueType扩展的开放字体格式，支持更多高级排版特性（如连字、字偶距、上下文替换），适合专业排版需求。
浏览器支持：Firefox3.5+、Chrome4+、Safari3.1+、Opera10+、iOS Mobile Safari4.2+。

5. EOT（Embedded OpenType）

微软开发的嵌入式字体格式，专为IE浏览器设计，需将字体转换为EOT格式才能在IE中正常显示（IE4+支持）。
浏览器支持：IE4+（现代浏览器已逐渐淘汰，需配合其他格式保证兼容性）。

6. SVG（Scalable Vector Graphics Font）

基于SVG的矢量字体格式，将文字转换为图形路径，支持缩放不失真，但文件体积大、不支持字体特性（如连字）。
浏览器支持：Chrome4+、Safari3.1+、Opera10+、iOS Mobile Safari3.2+（现代浏览器已较少使用，主要用于旧版本iOS设备）。

注意事项

为保证跨浏览器兼容性，通常需要同时提供WOFF/WOFF2（现代浏览器）和TTF/OTF（备用）格式，旧版IE则需要额外添加EOT格式。例如：

@font-face {
  font-family: 'MyWebFont';
  src: url('myfont.woff2') format('woff2'),
       url('myfont.woff') format('woff'),
       url('myfont.ttf') format('truetype'),
       url('myfont.eot') format('embedded-opentype');
}