Over the past few days, Ive asked a few questions to solve my font problem. I was using a variety of obscure fonts for my design. I was using @font-face, and trying to figure out ways of making my backup fonts in the family change size if they were used. It has been way too complicated, and I have decided to simplify things and use a more popular set of fonts in my family.
font-family:Century Gothic,arial,sans-serif;
I have chosen to use Century Gothic as my primary font (which I thought was standard on most computers). After much testing, most browsers are using a sans-serif font in most computers.
Here is the site: http://www.vitaminjdesign.com
A few questions:
1- is my site showing up as century Gothic or sans serif?
2- is century Gothic specific to a certain OS?
3- is there any improvements in the css that could load century gothic (possibly different filenames/font names for the same font?) Do I need it in quotes too?
Thanks, and sorry its a departure from the normal S.O. programming question.
1- is my site showing up as century Gothic
No.
or sans serif?
Yes.
2- is century Gothic specific to a certain OS?
No, it's not included in any OS. It is often installed by MS Office.
3- is there any improvements in the css that could load century gothic
You could use @font-face
embedding to have recent browsers download and use the font. Unfortunately this isn't allowed for in the usual Monotype license; you'd have to get a special embedding license. Which may not even exist for that font.
(possibly different filenames/font names for the same font?)
No, the Monotype edition is the only variant I'm aware of.
If you are set on a geometric sans, you could try including Futura ("Futura", "Futura Std", "Futura LT Medium", "Futura Md BT", "Futura No 2"), Avenir ("Avenir Medium", "Avenir 55 Roman", "Avenir Next LT Pro"), or even Avant Garde in desperate times. But none of these, or any other geometric, are bundled with operating systems, so you have a pretty small chance of it working.
Do I need it in quotes too?
Yes.