Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Matthew Francis
Matthew Francis
6,967 Points

Web Fonts - Do we always need to include .eot, .woff , ..tff files for compatibility across all devices?

Watching this vid: https://teamtreehouse.com/library/web-fonts-with-fontface

The instructor mentions that :

EOT is used so that Internet Explorer (And maybe Microsoft Edge?) can understand the font

WOFF is used so that other browsers can understand the font (mozilla, chrome, opera).

TTF is used for ios/android browsers (so chrome in android, or firefox in android ,etc)

So based on these facts, if we want our website to be approachable by everyone, is it necessary to include all these font types?

2 Answers

Sorry I can't help more directly with an answer to your question but you can use Google Fonts https://fonts.google.com/ by linking them into your stylesheet. They are free to use and there is a wide variety. A draw back is if the site goes down it won't load into your web page(but it's Google hosting).

Hi Matt,

I know this is late coming but if you are still interested this a great (and short) article about your question.

https://css-tricks.com/snippets/css/using-font-face/