Joomla Templates Club 406,261 posts

[country212 Friend country212Join date: February 2011Posts: 82Downloads:0Uploads:15 Thanks: 8 Thanked: 1 times in 1 posts]

#170091

Trying to change the menu to a custom font. Please Help

I have changed the mega.css file and added code to the top of it and created a fonts folder in the css folder of the template and put the font files into it. The font isn’t displaying.

Can you look at the mega.css file and see whats going on, what changes need to be made to make this work please? I am new to css and this is difficult for me to follow.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421786

Hi,
You add this code into /templates/ja_erio/css/template.css

ja-mainnav * {
font-family: DestroyRegular, Helvetica, Arial, sans-serif;
}

[country212 Friend country212Join date: February 2011Posts: 82Downloads:0Uploads:15 Thanks: 8 Thanked: 1 times in 1 posts]

#421788

/* NAVIGATION
——————————————————— */
/* Main Nav —*/

ja-mainnav * {
font-family: DestroyRegular, Helvetica, Arial, sans-serif;
}

#ja-mainnav {
background: url(../images/bg_mainnav.gif) repeat-x;
font-size: 83%;
z-index: 13;

Am I adding it into the wrong place or wrong way? cause it doesn’t display the font.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421790

I’m sorry. I have mistake. I miss # sign. Right code is


#ja-mainnav * {
font-family: DestroyRegular, Helvetica, Arial, sans-serif;
}

[country212 Friend country212Join date: February 2011Posts: 82Downloads:0Uploads:15 Thanks: 8 Thanked: 1 times in 1 posts]

#421792

still wont display the font, possibly I have the mega.css code wrong?

@font-face {
font-family: 'DestroyRegular';
src: url("http://www.frostcity.com/templates/ja_erio/css/fonts/DESTROY_-webfont.eot") format('eot');
src: url("http://www.frostcity.com/templates/ja_erio/css/fonts/DESTROY_-webfont.eot?#iefix") format('embedded-opentype'),
url("http://www.frostcity.com/templates/ja_erio/css/fonts/DESTROY_-webfont.woff") format('woff'),
url("http://www.frostcity.com/templates/ja_erio/css/fonts/DESTROY_-webfont.ttf") format('truetype'),
url("http://www.frostcity.com/templates/ja_erio/css/fonts/DESTROY_-webfont.svg#DestroyRegular") format('svg');
font-weight: normal;
font-style: normal;}

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#421841

Try Cufon Fonts

Here is the Tutorial http://fearlessflyer.com/2009/10/cufonize-your-pages-how-to-add-cufon-to-your-web-design/

This will help you for sure. I made a custom font work for all my development.

Note: If you Find my Post useful please click on the Thanks Icon

1 user says Thank You to chavan for this useful post

1. country212

[country212 Friend country212Join date: February 2011Posts: 82Downloads:0Uploads:15 Thanks: 8 Thanked: 1 times in 1 posts]

#421874

I followed the directions all the way to step 3. I have the 2 created .js files. I am guessing i put them in the root directory for that website.
That was really easy, but as i am new to coding i don’t know what file(s) or coding i need to put in place to make the font actually work. So all of menu items(home, typography, explore, about joomla!, category demo, etc.) will display the font. I just want to use it on the main menu links across the top(not the drop-down links from them), and not the text everywhere on the site.

Help with this is very much appreciated.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#421878

Have you made the changes in the live site. So i could look into it and provide you a better solution.

Also please confirm whether this is the site you are looking for changes http://www.frostcity.com/ ?

Note: If you Find my Post useful please click on the Thanks Icon

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421880

<em>@country212 279079 wrote:</em><blockquote>I followed the directions all the way to step 3. I have the 2 created .js files. I am guessing i put them in the root directory for that website.
That was really easy, but as i am new to coding i don’t know what file(s) or coding i need to put in place to make the font actually work. So all of menu items(home, typography, explore, about joomla!, category demo, etc.) will display the font. I just want to use it on the main menu links across the top(not the drop-down links from them), and not the text everywhere on the site.

Help with this is very much appreciated.</blockquote>
I fixed it.
I added this code into template.css

ja-mainnav * {
font-family: DestroyRegular, Helvetica, Arial, sans-serif;
}
after
#ja-mainnav .main { }
I added this code into /templates/ja_erio/css/menu/mega.css

@font-face {
font-family: 'DestroyRegular';
src: url("http://www.frostcity.com/templates/ja_erio/css/fonts/DESTROY_-webfont.eot") format('eot');
src: url("http://www.frostcity.com/templates/ja_erio/css/fonts/DESTROY_-webfont.eot?#iefix") format('embedded-opentype'),
url("http://www.frostcity.com/templates/ja_erio/css/fonts/DESTROY_-webfont.woff") format('woff'),
url("http://www.frostcity.com/templates/ja_erio/css/fonts/DESTROY_-webfont.ttf") format('truetype'),
url("http://www.frostcity.com/templates/ja_erio/css/fonts/DESTROY_-webfont.svg#DestroyRegular") format('svg');
font-weight: normal;
font-style: normal;}

[country212 Friend country212Join date: February 2011Posts: 82Downloads:0Uploads:15 Thanks: 8 Thanked: 1 times in 1 posts]

#421931

yes http://www.frostcity.com is the site. I did make some changes to it, but what i did, didn’t work so i restored the original files.

I uploaded the 2 Cufon Font files to the root directory for http://www.frostcity.com also.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421943

<em>@country212 279144 wrote:</em><blockquote>yes http://www.frostcity.com is the site. I did make some changes to it, but what i did, didn’t work so i restored the original files.

I uploaded the 2 Cufon Font files to the root directory for http://www.frostcity.com also.</blockquote>
Is your problem solved? There is your website on my browser.

---

Attachments:

1. 

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#421960

@ country212

This is a quite interesting topic… Please, which fonts you are using and from which Foundry?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421974

Font is DestroyRegular. You can find it by google.

[country212 Friend country212Join date: February 2011Posts: 82Downloads:0Uploads:15 Thanks: 8 Thanked: 1 times in 1 posts]

#422055

It does not work for me and i have looked at the url on 4 different computers. I found the font on http://www.fontsquirrel.com/

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#422059

It does not work for me and i have looked at the url on 4 different computers

I don’t understand what you mean. Do you want font in my attached image (previous post)? If your problem isn’t solved, could you give me a snapshot with your annotation to explain more?

[Author]

Posts