Joomla Templates Club 406,261 posts

[robyrom Friend robyromJoin date: March 2014Posts: 206Downloads:61Uploads:33 Thanks: 21]

#197241

I’m trying to change the font of the h3 title in the masshead module. I’ve modified the custom.css this way

@font-face {
font-family: ‘Chunkfive’;
src: url (‘templates/ja_biz/fonts/font-awesome/fonts/Chunkfive-webfont.woff’) format (‘woff’);
}
.jamasshead h3 {
font-family: ‘Chunkfive’;
}

but I didn’t achieve my aim. Firebug lets me see that the font-family for h3 is loaded so where is the problem? I’m using Firefox.
Thanks.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#533031

I had written some time back regarding usign @FontFace.
Perhaps it may be helpful to you.

[robyrom Friend robyromJoin date: March 2014Posts: 206Downloads:61Uploads:33 Thanks: 21]

#533038

I have already read that guide but I didn’t realize where I am wrong . A question: you mention the path to the file: do you intend the path starting from the location my custom.css is? I tried with the absolute path too but it didn’t work. Thanks.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#533039

<em>@robyrom 424495 wrote:</em><blockquote>I have already read that guide but I didn’t realize where I am wrong . A question: you mention the path to the file: do you intend the path starting from the location my custom.css is? I tried with the absolute path too but it didn’t work. Thanks.</blockquote>
Try it within the applicable CSS file that isn’t the custom.css file – as a kind of “trial and error” effort.

See if that works.

[robyrom Friend robyromJoin date: March 2014Posts: 206Downloads:61Uploads:33 Thanks: 21]

#533113

I added this lines to bootstrap.css

@font-face {
font-family: ‘Chunkfive’;
src: url (‘../../../plugins/system/t3/base-bs3/bootstrap/fonts/Chunkfive-webfont.eot’) format (‘eot’);
src: local(“☺”),
url(“../../../plugins/system/t3/base-bs3/bootstrap/fonts/Chunk.otf”) format(‘otf’)
url(“../../../plugins/system/t3/base-bs3/bootstrap/fonts/Chunkfive-webfont.woff”) format(‘woff’),
url(“../../../plugins/system/t3/base-bs3/bootstrap/fonts/Chunk.ttf”) format(‘truetype’),
url(“../../../plugins/system/t3/base-bs3/bootstrap/fonts/Chunkfive-webfont.svg”) format(‘svg’);
}

pointing to the same directory of a default font-face so I am sure of the correctness of the path, then I add a font-family entry in template.css in the jamasshead class but nothing happened. The system clearly doesn’t find the font but I don’t realize where the problem is. Any suggestion is welcomed.

robyrom

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#533806

Please upgrade T3framework on your site to version 2.1.5 and open templates/ja_biz/css/custom.css file and add rule as you mentioned above


@font-face {
font-family: 'Chunkfive';
src: url ('templates/ja_biz/fonts/font-awesome/fonts/Chunkfive-webfont.woff') format ('woff');
}
.jamasshead h3 {
font-family: 'Chunkfive';
}


Once done, click Compile LESS to CSS button from back-end of JA Biz template (this action will be override all css files customized before that, so please backup them first)

If it does not help, please pm me URL of your, admin login and FTP credentials info. I will help you out.

1 user says Thank You to Ninja Lead for this useful post

1. robyrom

[Author]

Posts