adamcarter Posted June 28, 2013 Share Posted June 28, 2013 (edited) 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) Link to comment Share on other sites More sharing options...
PSfever.com Posted June 28, 2013 Share Posted June 28, 2013 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 Link to comment Share on other sites More sharing options...
vekia Posted June 28, 2013 Share Posted June 28, 2013 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/ Link to comment Share on other sites More sharing options...
adamcarter Posted June 28, 2013 Author Share Posted June 28, 2013 (edited) 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) Link to comment Share on other sites More sharing options...
vekia Posted June 28, 2013 Share Posted June 28, 2013 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 Link to comment Share on other sites More sharing options...
adamcarter Posted June 28, 2013 Author Share Posted June 28, 2013 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 Link to comment Share on other sites More sharing options...
vekia Posted June 28, 2013 Share Posted June 28, 2013 where you've got global.css file? i think that there: /themes/default/css/ if so, you should upload fonts to the /css/ dir Link to comment Share on other sites More sharing options...
adamcarter Posted June 28, 2013 Author Share Posted June 28, 2013 Upload them individually or put them in a fonts folder? And where in global.css do I put the code? Link to comment Share on other sites More sharing options...
PSfever.com Posted June 28, 2013 Share Posted June 28, 2013 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 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now