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).
Creative Market has come up with a handy infographic that shares the basics of these different font formats used on the web. Check it out below.
Share this post with a designer friend and voice your views in the comments below.