How to change a font style/face/family (i'm confused)

Oct

2011

I need some help I don't know what am I doing wrong ?
First of all is this possible to change font family using CSS in this area:

I used one of the feature from Forumotion's tutorial I have modified a bit but can't achieve one thing i would like to change the font style in this area but i can't, font-weight is working properly but not font-family what am i doing wrong ?
This is my forum.
This where the fight card is located.
and the code im using in CSS:

Code:: .fightcardEAMMA { width : 90%; font-weight:bold; font-family:Courier New; border:5px solid #222222; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-box-shadow: 0px 2px 2px #000000; -webkit-box-shadow: 0px 2px 2px #000000; box-shadow: 0px 2px 2px #000000; margin: 10px 10px; padding:15px 5px 15px 15px; background-repeat: no-repeat; background-position: center top; } .fightcardEAMMA { color: #6B6B6B; background-color: #191816; background-image: url('http://i40.servimg.com/u/f40/15/90/57/61/fight-11.png'); }

1 Guest, on 07/10/2011 at 19h39

You have two problems. The first is that the font is two words, which means it must be enclosed in quotes, like this:

Code:: font-family:"Courier New";

The second problem is that you haven't specified any fallback fonts. Many people don't have "Courier New" on their systems -- they have Courier. In addition, many other people (such as myself) disable the Courier font because it's so ugly. I'd suggest using something like this:

Code:: font-family:"Courier New",Courier,"Lucida Console";

In that way, those who have one of the two Courier fonts will load the proper font, and those without an available Courier font will see a (much better looking!) monospace font as well.

2 Vito-UFA, on 07/10/2011 at 22h35

Unfortunetly bro nothing is happening I used second code you gave me and nothing is changing. I picked Curier New cause this is one of the forumotion default fonts and i thought this will work easy but it is not, at least i learned that this need to be in quotes Smile

any other ideas ?

3 WHITESABBATH, on 08/10/2011 at 00h06

There are many different fonts, try these(Times,Arial,Helvetica,Verdana,sans-serif). Make sure your separating them with commas.

4 Guest, on 08/10/2011 at 00h40

If "nothing is changing", that means you have other things wrong with your CSS. Check to make sure you have the class name properly defined in the post. I tried to check but the URL you provided doesn't work.

Anyway, I wish you luck.

5 Vito-UFA, on 08/10/2011 at 05h00

WHITESABBATH wrote:There are many different fonts, try these(Times,Arial,Helvetica,Verdana,sans-serif). Make sure your separating them with commas.

I tried, nothing is helping

dion wrote:If "nothing is changing", that means you have other things wrong with your CSS. Check to make sure you have the class name properly defined in the post. I tried to check but the URL you provided doesn't work.

Anyway, I wish you luck.

There it must be everything fine with the class as long as i can remove the bold, but i cant change font thats why i dont get it.

Code:: [table class="fightcardEAMMA"][tr][td] CONTENT [/td][/tr][/table]

I have unlocked this area for preview,

6 Guest, on 08/10/2011 at 05h38

This is why the staff here asks people to let them see your boards! One quick look at that page, and I was able to find a conflict in your CSS. Your problem will be fixed if you add this to your CSS in addition to the rule you listed above:

Code:: .fightcardEAMMA td {font-family:"Courier New",Courier,"Lucida Console";}

7 Vito-UFA, on 08/10/2011 at 12h56

Thx bro is working now.
Can you explain me a bit why the code i used before didn't work ?
Is this because this was defined by the table ?

8 MrMario, on 08/10/2011 at 18h01

You had a problem in your CSS like what Dion said. Neutral

9 Vito-UFA, on 09/10/2011 at 16h44

Thx guys. Solved.

10 Base, on 09/10/2011 at 17h10

Problem Solved:

Glad your problem is solved; locked and archived.