Make it easier to apply bold and italic variants of fonts to bold and italic text

When body text is set to use a local imported font (e.g. Oxygen normal normal), the web browser does not render the stylised body text with italics/bold correctly. Rather than rendering the text using the real Oxygen italic or real Oxygen bold font, it uses a faux italic/bold instead. This makes the italic text look stretched/slanted and bold text look somewhat muddy. This is better explained in the following articles:

• http://spaceninja.com/2010/11/font-face-faux-styles/
• http://www.alistapart.com/articles/say-no-to-faux-bold/

I was able to confirm it was rendering faux italic/bold characters by manually enabling and disabling fonts, then previewing the result by reloading the webpage. Also, the CSS Font Family for all body text fonts were set to "Oxygen" in the Import Local Font screen, so they are all part of the same family.

I was thinking that enabling the entire font set for the font family (e.g. all 4 Oxygen fonts - standard, italic, bold, bold italic) in the Browse screen would "automagically" link/expose the fonts for use in the web browser. This does not appear to be the case. I believe it would be more intuitive if it worked in this manner.

Fortunately, I have found a workaround for this issue. To follow on from the above example - in the Apply screen, select the By Font tab. Then for all 4 Oxygen fonts, set the CSS selector to "everything (body)". Somehow this magically links/exposes the fonts for use in the web browser. Of course, fonts.css will be a bit of a mess and needs some tidying up by removing all lines except for the one containing "font-style: normal; font-weight: normal;". Otherwise it seems to default to the last CSS selector (at least in Firefox anyway).