Using different fonts for Firefox
-
I have done a website, using pages given to me by a graphic designer. He was very specific, I was told what fonts to use, etc. Here is the CSS for the three different areas we specify text: .menuItem { font-family: Century Gothic; font-size:smaller; text-align: right; margin-right: 10px; } .text { font-family: Century Gothic; font-size:small; font-style:italic; font-weight:normal; text-align: justify; line-height: 18px; margin-left: 20px; } .gradient { background-image: url('images/pages/home/gradient.JPG'); background-position: left top; background-repeat: repeat; font-family: Century Gothic; font-size:small; font-style:italic; font-weight:400; text-align: justify; line-height: 18px; margin-left: 20px; } This looks exactly like the screenshots in IE, but it looks terrible in Firefox. How can I keep the look we want in IE, but specify different fonts for Firefox ?
Christian Graus - Microsoft MVP - C++ "also I don't think "TranslateOneToTwoBillion OneHundredAndFortySevenMillion FourHundredAndEightyThreeThousand SixHundredAndFortySeven()" is a very good choice for a function name" - SpacixOne ( offering help to someone who really needed it ) ( spaces added for the benefit of people running at < 1280x1024 )
-
I have done a website, using pages given to me by a graphic designer. He was very specific, I was told what fonts to use, etc. Here is the CSS for the three different areas we specify text: .menuItem { font-family: Century Gothic; font-size:smaller; text-align: right; margin-right: 10px; } .text { font-family: Century Gothic; font-size:small; font-style:italic; font-weight:normal; text-align: justify; line-height: 18px; margin-left: 20px; } .gradient { background-image: url('images/pages/home/gradient.JPG'); background-position: left top; background-repeat: repeat; font-family: Century Gothic; font-size:small; font-style:italic; font-weight:400; text-align: justify; line-height: 18px; margin-left: 20px; } This looks exactly like the screenshots in IE, but it looks terrible in Firefox. How can I keep the look we want in IE, but specify different fonts for Firefox ?
Christian Graus - Microsoft MVP - C++ "also I don't think "TranslateOneToTwoBillion OneHundredAndFortySevenMillion FourHundredAndEightyThreeThousand SixHundredAndFortySeven()" is a very good choice for a function name" - SpacixOne ( offering help to someone who really needed it ) ( spaces added for the benefit of people running at < 1280x1024 )
-
I have done a website, using pages given to me by a graphic designer. He was very specific, I was told what fonts to use, etc. Here is the CSS for the three different areas we specify text: .menuItem { font-family: Century Gothic; font-size:smaller; text-align: right; margin-right: 10px; } .text { font-family: Century Gothic; font-size:small; font-style:italic; font-weight:normal; text-align: justify; line-height: 18px; margin-left: 20px; } .gradient { background-image: url('images/pages/home/gradient.JPG'); background-position: left top; background-repeat: repeat; font-family: Century Gothic; font-size:small; font-style:italic; font-weight:400; text-align: justify; line-height: 18px; margin-left: 20px; } This looks exactly like the screenshots in IE, but it looks terrible in Firefox. How can I keep the look we want in IE, but specify different fonts for Firefox ?
Christian Graus - Microsoft MVP - C++ "also I don't think "TranslateOneToTwoBillion OneHundredAndFortySevenMillion FourHundredAndEightyThreeThousand SixHundredAndFortySeven()" is a very good choice for a function name" - SpacixOne ( offering help to someone who really needed it ) ( spaces added for the benefit of people running at < 1280x1024 )
If the problem is that Firefox doesn't support Century Gothic, can you do something like font-family: Century Gothic, verdana (or a more appropriate font);
-
If the problem is that Firefox doesn't support Century Gothic, can you do something like font-family: Century Gothic, verdana (or a more appropriate font);
OK, so it chooses the next one if it doesn't find the first ? Thanks.
Christian Graus - Microsoft MVP - C++ "also I don't think "TranslateOneToTwoBillion OneHundredAndFortySevenMillion FourHundredAndEightyThreeThousand SixHundredAndFortySeven()" is a very good choice for a function name" - SpacixOne ( offering help to someone who really needed it ) ( spaces added for the benefit of people running at < 1280x1024 )