For a long time web designers were limited to a very small set of “ web safe ” fonts. Anything beyond those fonts, had to be done through images. Images for text not only meant creating and maintaining dozens (if not hundreds) of images, but it introduced accessibility issues. @font-face to the rescue With the introduction of @font-face in 1998(!) in the CSS 2 specification, web designers could link to actual font files via CSS: @font-face { font-family: "ChunkFiveRegular"; src: url('Chunkfive-webfont.ttf') format("truetype"); } And then utilize those specified fonts in style declarations: h1 { font-family: "ChunkFiveRegular", serif; } However as the specification was there, the browser support wasn’t.. And then each browser vendor decided to support different, rarely-used formats. Plus, there were the licensing issues. Even if you had supported font formats, that didn’t mean you could legally use those fonts with @font-face. Bro