Bootstrap - 关于字体文件(.eot .svg .ttf .woff和.woff2)角色和用法

时间:2015-10-14 19:00:42

标签: css twitter-bootstrap fonts twitter-bootstrap-3 font-face

在Bootstrap 3的fonts文件夹中,我们可以看到这些文件:

  • glyphicons-半身-regular.eot
  • glyphicons-半身-regular.svg
  • glyphicons-半身-regular.ttf
  • glyphicons-半身-regular.woff
  • glyphicons-半身-regular.woff2

它们是否都是以不同格式转换的相同文件?这些都是必要的吗?每个文件的作用/用法是什么?

1 个答案:

答案 0 :(得分:6)

包含它们是因为创建了每种字体以解决不同的问题。 Woff和woff2是最新的格式,旨在阻止字体盗版。 Svg也是一种较新的格式,它是一个矢量文件,用于iOS移动设备。 Tff和eot是旧浏览器使用的旧式格式,但它们允许任何人免费下载和使用该字体。

简短回答:它们都包含在多版本跨浏览器兼容性中。

请参阅:Why should we include ttf, eot, woff, svg,... in a font-face