Bootstrap - about font files (.eot.svg.ttf.woff and .woff2) roles and customs

In the Bootstrap 3 font folder, we can see these files:

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

Are they all files converted to different formats? Are they all necessary? What is the role / use of each file?

+7
css fonts twitter-bootstrap font-face twitter-bootstrap-3
source share
1 answer

They are included because each font was created to solve various problems. Woff and woff2 are the latest formats designed to stop font piracy. Svg is also a newer format, which is a vector file and is used on iOS mobile devices. Tff and eot are old school formats used by older browsers, but they allow anyone to download and use the font for free.

Short answer: all of them are included for compatibility with several versions.

See: Why should we include ttf, eot, woff, svg, ... in the font

+4
source share

All Articles