Change FONT in TOP MENU

[adamcarter]

Hi guys,

 

Apart from working on my main website, I am working on another venture too.

 

This one is live so-to-speak as it is not a secret, so you can see it now.

http://mrdusty.com

 

 

Now what I am trying to do is this:

How do I use a DIFFERENT FONT in the TOP MENU?

What is the line of code? font-family? And where do I put it in the css of Top Menu?

 

The font I want to use is not a web safe font.

I know there is a way to use non-web safe fonts using CSS.

 

I put the full code for using my font at the end of global.css, but I am sure this is the wrong place, so, where do I put the code?

 

I have added a FONTS folder in my directory and put the font files in there.

 

I have tried to change it, but I can't.

Any help is much appreciated!

 

Thanks,

Adam

Edited June 28, 2013 by adamcarter (see edit history)

[PSfever.com]

If you want to change the font, you'll need to go to (In your FTP) /modules/blocktopmenu/css/superfish-modified.css

Here you'll go to line 171,

.sf-menu a, .sf-menu a:visited {}

And basically, you insert the font-family inside curly braclets.

For using a custom font, look at this tutorial

http://www.howtoplaza.com/how-to-use-custom-fonts-on-your-website-with-css

[vekia]

that's right, just follow the PSfever instructions,

remember that license for some fonts don't allow to share the fonts.

in this case you have to be absolutely sure that it's legal to do it, putting fonts to the public directory is an act of sharing them.

 

you can also use awesome free google fonts library http://www.google.com/fonts/

[adamcarter]

Hi guys,

 

Thanks for the info.

 

What I have trouble with is where do I put the initial code?

Example of code as provided in the link you provided:

 

@font-face {

font-family: cool_font;

src: url('cool_font.ttf');

}

 

Where do I put this code?

Very confused.

 

Best,

Ad

Edited June 28, 2013 by adamcarter (see edit history)

[vekia]

you can put this code into the global.css file. But remember that you have to use correct path to the font file - in this case:

@font-face {
font-family: cool_font;
src: url('cool_font.ttf');
}

 

cool_font.ttf must be in the same directory as css file

[adamcarter]

Right, so the fonts must be in the following place:

/themes/default

 

Is this right? Or does it need to be in this place:

/modules

 

Best,

Ad

[vekia]

where you've got global.css file?

i think that there: /themes/default/css/

 

if so, you should upload fonts to the /css/ dir

[adamcarter]

Upload them individually or put them in a fonts folder?

And where in global.css do I put the code?

[PSfever.com]

It doesn't matter where exactly will you paste the code, probably best to at the bottom of globals.css do the follow

 

/* My Custom Code */

Under which you could be writing all your modifications.

 

If you need to have it done, send me a PM with FTP access and instructions, I can set it for you. It's matter of minutes for me and you won't be confused anymore