There are many choices of font formats but not a single one works across all browsers. You will have to use multiple font formats to deliver a consistent experience. These include TrueType Font (TTF), OpenType (OTF), Embedded OpenType (EOT), Web Open Font Format (WOFF) and Scalable Vector Graphics font (SVG).

CreativeMarket brushes up on some basics and take a closer look at the different font formats in use on the Web.

Web Font Format Guide ttf otf eot woff svg Infographic

You can read the full article here.