CSS – Using different fonts within a typeface?

After exploring typography more I’ve learnt the different between a typeface and a font 🙂

I’d like to know how I can call the fonts ‘Arial Black’ or ‘Arial Narrow’ within CSS? The font-family setting doesn’t do it. Is this what the font-weight setting is for?


At least as far as CSS is concerned, these are different font families.

Note that if the font name includes spaces, you need to wrap it in quotes:

font-family: Arial;
font-family: "Arial Black";
font-family: "Arial Narrow";

You can choose the bold or italic fonts in a family like this:

font-family: Arial;
font-weight: bold;
font-style: italic;

If a family doesn’t contain bold/italic/bold-italic fonts, they’ll be simulated by distorting the base font. This should be avoided, as it doesn’t usually look good.

Source : Link , Question Author : firefusion , Answer Author : e100

Leave a Comment