aka webfonts or Google web fonts. The problem with specifying fonts in CSS (Cascading Style Sheets) or HTML (Hypertext Markup Language), is your choices will not be honoured unless the user already has that font installed on his operating system/browser. You can ask him to make sure it is installed. If the font is free, you can provide a link to it and ask him to download and install it, but almost for sure, he will ignore you. What you want is some automatic way of including a crucial font with your web page.
The modern W3C (World Wide Web Consortium) CSS scheme calls the downloadable fonts web fonts. The key is @font-face. You use it like this in your style sheet:
The following font formats may be supported: .eot, .pfb, .pfa, .ttf i.e. embedded-opentype, truetype, opentype, truetype-gx, Speedo, intellifont, woff, woff2. You may need to serve the font in several formats, e.g. ones suitable for Windows, Linux, Mac and the browser decides which one it likes best. For example:
woff is the new W3C font standard. It is basically TrueType or PostScript compressed with a bit of metadata to support web fonts.
Google provides web fonts free. All you have to do is include stylesheets for the fonts you want for the page. You don’t even have to compose the style sheet. Google does it for you. You include a request for a font in your header like this (provided by the Google website.)
It is just an ordinary style sheet link. Google then transparently generates a corresponding style sheet for you like this and provides it directly to your clients:
The contents of the generated *.css seems to be stable, so I suspect it is safe to write your own style sheet with those contents, handling more than one font per style sheet, or incorporating that code in an existing style sheet.
This page is posted
Optional Replicator mirror
Please read the feedback from other visitors, or send your own feedback about the site.
Contact Roedy. Please feel free to link to this page without explicit permission.
Your face IP:[220.127.116.11]
You are visitor number|