How to spice up the layout of your documentation/IE COM browser control? - Webfonts!:
To use fonts that are not installed on the client machine, one can use a browser (or
browser control, like the IE COM version) with webfonts support.
There are different file types supported by different browsers (normally the file needs to be on the same server, if online).
To get a (hopefully) working version, use
@font-face generator. Creates all you need from a font upload. Make sure the font creator (if not yourself) allows distributing.
Preview:
Here is an online example output created by the @font-face generator. I used the Lobster font from Google Webfonts.
Make sure to adapt your final html-docs to allow for decent viewing if the user's browser happens to not support webfonts.
Files:
-
Microsoft Weft. The original app from MS to create .eot files. Needs admin rights. Use the @font-face generator instead.
-
sfnt2woff. Converts otf to woff. Use the @font-face generator instead.
-
ttf2eot. Converts ttf to eot. Use the @font-face generator instead, or Weft.
Sources:
-
Online Font Converter. Use the @font-face generator instead.
-
How-To Implement Cross-Browser @font-face Support
-
Webfonts.info
-
Google Webfonts. Collection of free fonts to download, or directly embed (hosted by Google).
-
Webpagepublicity. Large (6500+) collection of free .ttf fonts.
Remarks:
- If you are using the Firefox NoScript extension, you need to enable webfonts under "Blocked objects" before they show.
- If you want to reuse the generated font files (.ttf) in AutoHotkey for your
gui, have a look at
this script by SKAN.
Edit: Example preview added.
Edit: More links added.