Joomla Templates Club 406,261 posts

[SiteWeavers Friend SiteWeaversJoin date: August 2013Posts: 128Downloads:24Uploads:15 Thanks: 4 Thanked: 7 times in 4 posts]

#193737

Hi

What is the best way to add Google fonts to the template?

I see there is a folder called fonts within the template but that has the actual font files in there.

Any guidance would be very helpful,

Many Thanks

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

#518512

We have integrated Google Fonts in JAT3v2 framework and you can use it from back-end of JA Zite template, see the screenshot.

After changing the configuration, remember to clear JAT3 cache.

---

Attachments:

1. 

[SiteWeavers Friend SiteWeaversJoin date: August 2013Posts: 128Downloads:24Uploads:15 Thanks: 4 Thanked: 7 times in 4 posts]

#518585

Thanks for that.

I’ve also noticed the template uses a few squirrel fonts which are located in the templates/fonts folder.

I can see these are also called into the template.css file:

@import url(../fonts/novecento/stylesheet.css)
@import url(../fonts/glegoo/stylesheet.css)

I’ve downloaded a few replacement fonts using the the squirrel generator, I’ve called them in the template.css and updated the masshead css with the new font family but they are not displaying on the website. When I look in firebug the font family is greyed out and it’s defaulting to a backup font.

Have I missed a file that I should have edited to make the fonts work?

Any guidance appreciated.

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

#518644

I’m not sure which css files in masshead and template did you change. You can try workaround below:

+ For Google Font, you need to modify this file:plugins/system/jat3/jat3/base-themes/default/blocks/css.php. You will see code like:

<link rel="stylesheet" type="text/css" href="<?php echo $protocol; ?>://fonts.googleapis.com/css?family=<?php echo $gfonts, $subsets; ?>" />

Please go ahead to modify as you wish. Anyway, be careful when making changes in this file.

+ Css rule for JA Masshead module, you can see in following file:

Open templates/ja_zite/css/template.css file,

/* Masshead ---*/
.ja-masshead {
background-color: #000
background-repeat: no-repeat;
background-position: center top;
height: 160px;
}

#ja-masshead div.moduletable {
border-top: 0;
margin: 0;
padding: 0;
}

.ja-masshead .ja-masshead-inner {
margin: 0 auto;
width: 960px;
}

.ja-masshead h3.ja-masshead-title {
border: 0;
color: #fff
font-family: 'NovecentowideUltraLightBold';
font-size: 500%;
height: 160px;
line-height: 160px;
text-align: center;
margin: 0px;
padding: 0px;
}

.ja-masshead .ja-masshead-desc {
margin-top: -70px;
color: #fff
font-family: 'NovecentowideUltraLightBold';
font-size: 150%;
height: 50px;
line-height: 1.6;
text-align: center;
}

Remember to clear cache from Admin site after those changes.

[kikiveliki Friend kikivelikiJoin date: November 2008Posts: 36Downloads:13Uploads:6 Thanks: 2 Thanked: 1 times in 1 posts]

#527998

Hellow!
If you are using latin2 font characrters, like ‘č’,’š’,’ž’ you need to change subset to “all”.
Because this option is not allowed insite jat3 framework you need to put it manually inside templates/ja_zite/etc/profiles (.ini document.)

Example:
document default.ini
gfont_subnav=”Ubuntu Mono|||regular|cyrillic”
change to
gfont_subnav=”Ubuntu Mono|||regular|all”

Joomlart, I advise you to add subset=”all” in all the other templates…. 😉

[Author]

Posts