Some of the font kits from FontSquirrel contain more than one font, giving you a family to work with. Here are some observations that you will need to take into consideration when working with these.

1 - I have started uisng font families from FontSquirrel on this site. As per my instructions, I have placed a copy of the .ttf files in my Font folder. The problem with the two I have chosen is that when I browse the site locally, the system appears to use the first font it comes across from the family. To fix this, you may have to edit the stylesheet.css file. For example for this site, I am using Communist for the headers. The CSS file is told only to use the Communist font for all weights. Simply changing the code:

src: local('CommunistItalic'), local('CommunistItalic')

to

src: local('Communist Italic'), local('Communist-Italic')

for the Italic version of the font will make the local browser use the installed font (if available).

2 - <em> and <strong> tag styles. These may not work as desired. This is because when a browser comes across the tag, it applies the Bold version of the font. Some browsers may create a faux bold out of the regular font while others may well correctly use the necessary font. This behaviour is as much down to the browser as it is to the internal font names. If you are having problems, then I’d advise defining a bold, italic and bold+italic styles using the correct font weight and using those styles in preference to relying just on the <em> and<strong> tags. You can, of course, define styles based on those tags in Freeway, (see screen shot to the right). Nesting these tags, however, is not liklely to work. You will need to define a bold+italic style if you need this style.