Web Fonts

PeerRad

Active Member
Joined
Sep 8, 2016
Messages
69
Reaction score
0
Location
Joburg
I'm learning HTML from a Head First book that was given to me - a few years old.

On the topic of Web Fonts that are stored either on a server I would use, or on a google/font sderver:

There are a few Standards mentioned:

woff
otf
ttf
svg
eot

with mention that the .woff (Web open font format) is the future.

I looked at W3... but haven't found a definitive answer amongst a lot of pages as to what current standards are.

Is there a quick answer - if so I'd appreciate it.

Thanks.
 
Best practice is to use them all when using @font-face as it will then be compatible across all browsers. You you want to use eot, woff2, woff, ttf and svg.

That being said. Save yourself a lot of headache and just grab the font from Google fonts and be done with it.
 
Thanks for replies Ray7905 and namzsteve.
It does seem less of a management pain to grab the Google font. Tested a remotely hosted woff & ttf and Firefox, Chrome like it, IE11 ignoring and EDGE crashing.
Fixing Windows :-).
 
Thanks for replies Ray7905 and namzsteve.
It does seem less of a management pain to grab the Google font. Tested a remotely hosted woff & ttf and Firefox, Chrome like it, IE11 ignoring and EDGE crashing.
Fixing Windows :-).

Google Fonts -> Fontsquirrel Webfont Generator

So then this will take say the .ttf font that you get from Google fonts and convert it into various formats which are used in different browsers.

Try it out ;)
 
Excellent IndigoIdentity - Thank you!.
Progressing slowly part time - advice is greatly valued :-).
 
Top
Sign up to the MyBroadband newsletter
X