How could I change the fonts?

Hello, I upload the eurostyle family fonts because my client want that one in the headers and the two cents family font in regular paragraphs. But I can't find where in the CSS should I edit url fonts. I mean, I edit the obvious ' ' places but only get arial or verdana as output font.

I try in my local system and all the fonts became arial or verdana or someting like that.

Could you tell me where in the code should I edit this or if is this possible?

Regards,

Susana Garduño

General for whole site is in layout.css
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 20px;
}


For header everything should be in template_css.css.

Menu:
#nav a {
font-family: 'GillSansMTRegular', Arial, Helvetica, sans-serif;
display: block;
padding: 5px 12px;
margin: 0;
text-decoration: none;
font-size: 14px;
font-weight: normal !important;
}

Hello again,

I'm sorry but I couldnt see the fonts. I made some changes in the template_css.css and in body tag in layout_css.css.


It supposes should be tw cent mt for general paragraphs and euroestile in the headers and top menu. As you can see in www.casasmaxhome.com fonts are not showing. What am I doing wrong? Could you help me, please!:ohmy:

PS: It seems I can't get the fonts be bold in the tabs of news flash module. I would like get that effect because the light fonts are loosing in the multicolor background of my pictures. I try modifying the CSS of news flash module but just get strange efect: suddenly they are weight bold and suddenly not but only in the description.

By the way, is it possible put description lower in the picture? Sorry if I am so fool.

Top menu font currently is Eurostile-Black-DTC

#nav a {
font-family: 'Eurostile-Black-DTC', Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal !important;
}

bottom menu (with big letters):

.bottom ul.menu li {
font-size: 24px;
list-style: none;
text-transform: uppercase;
font-weight: normal;
font-family: 'GeosansLightRegular', Arial, Helvetica, sans-serif;
}

footer menu:

.footer_modules ul.menu li {
list-style: none;
font-family: 'GillSansMTRegular', Arial, Helvetica, sans-serif;
}

page bottom (copyright) is ok it takes:
body {
font-family: "Tw Cen MT", Arial, Helvetica, sans-serif;
line-height: 20px;
}


If you are in design business you should learn to use some tool to help you locate things like that in style. I can recommend you pure chrome browser , there is "Inspect Element" option when you click with right mouse button over the element. The developer pane will be shown down and to the right in that pane there will be list of css entities affecting that element. If property is strikeout then there is some other highter priority property in some other class.
Also next to each css entity you will have link to file containing it. See attached image.

Thank you for your help, but how do I make bold the fonts in hot news flash module tabs. I need they will be very notorious over the multicolos images. Please, help!

Some fonts does not support bold like Arial-black (have "black" in their name usually) because there are already "bold". Maybe thats the problem??