CODEWITHSUNDEEP
cssfonts
theycallmezeal
theycallmezeal

Reputation: 111

Variations of fonts in CSS not being displayed

I have a simple font-family statement that goes like this:

font-family: "Tw Cen MT Condensed", sans-serif;

For some reason, my browser does not recognize this font and displays the default sans-serif font. However, it recognizes Tw Cen MT just fine.

Similarly, it fails to recognize Arial Bold, but finds Arial perfectly. Seemingly, the base font is always recognized, but any variations, e.g., Bold, Condensed, Demi, etc., are not.

I'm on Windows 8 and these fonts are installed on my system. I've tried this in IE, FF, and Chrome. The files are local, but uploading to a server doesn't change anything. Any ideas?

Upvotes: 0

Views: 364

Answers (1)

zakaria
zakaria

Reputation: 436

In font-family use only the font name I.e. "Tw Cen MT" then assign the value of font-stretch:condensed; Instead of using direct font name use the base font then change the following properties:

font-stretch
font-variant
font-style
font-weight
line-height
font-size
font-family

Upvotes: 1

Related Questions