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

前端之家收集整理的这篇文章主要介绍了css – Bootstrap – 关于字体文件(.eot .svg .ttf .woff和.woff2)角色和用法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在Bootstrap 3的fonts文件夹中,我们可以看到这些文件

> glyphicons-halflings-regular.eot
> glyphicons-halflings-regular.svg
> glyphicons-halflings-regular.ttf
> glyphicons-halflings-regular.woff
> glyphicons-halflings-regular.woff2

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

解决方法

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

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

见:Why should we include ttf,eot,woff,svg,… in a font-face

猜你在找的CSS相关文章