Font Sizes - Design - Web Dev. - Neils Resource Web| Summary of Content |
| Just a few
fonts that I use / have used on this site, plus a few links to my main sources for Fonts. You can never get enough of them, but a weed out occasionally will do wonders for your system resources.
There are plenty of
free font viewers around to review the masses you are accumulating and
get rid of those that are little or no longer used. Bear in mind that if you
plan on using different, especially obscure fonts there is a
99% chance no one will see them if they don't have them installed on their own
computers. Capturing the text and converting it to a .gif (using something
simple like
button studio) will solve the problem, but will obviously make editing a drag.
A chart of font sizes as I am changing my web over to .px or % sizing rather than fixed .pt, as they seem to be more adaptable to varying screen sizes. |
| Text sizing is a real pain. I read one article and am convinced that I should adopt the style immediately, however read another article and you change your mind. I would suggest that the most consistent way to obtain a consistent cross browser representation of your text is to use the CSS based small, medium, large type of sizing. These will at least compute a size relative to the browser being used, keeping the perspective you originally planned. Note: Dreamweaver and now Microsoft's new web designer Expression favour this method. Alternatively using percentage based sizing can be effective providing you get a handle on the inheritance factor as the sizes will be based on a percentage of the parent, i.e., setting page default size to 12pt will generate percentages based on that size, constrained only by the browser capabilities. This could lead to some mismatching in some browsers as 110% could be the same as 120% which would defeat what you are trying to achieve. |
|
| Font Size Equivalents | ||
|
5pt font 6pt font 7pt font 8pt font 9pt font 10pt font 11pt font 12pt font 13pt font 14pt font 15pt font 16pt font 17pt font 18pt font 19pt font 20pt font 21pt font 22pt font 23pt font 24pt font 25pt font |
45% font 50% font 60% font 70% font 75% font 80% font 85% font 100% font 105% font 120% font 125% font 130% font 140% font 150% font 160% font 170% font 180% font 185% font 190% font 200% font 210% font |
7px font 8px font 9px font 11px font 12px font 13px font 14px font 16px font 17px font 19px font 20px font 21px font 22px font 23px font 25px font 26px font 28px font 30px font 31px font 33px font 34px font |
Hyperlink titles have been abbreviated, (right click on the link and select properties for the full URL)
Double mouse click anywhere on the page to take you back to the top (except when over the links)
Last Update: 04/08/2008 - Web Font Sizes - Neils Resource Web
