Joomla Templates Club 406,261 posts

[kevin thorne Friend kevin thorneJoin date: January 2010Posts: 10Downloads:1Uploads:1 Thanks: 4]

#185023

My client wants to use a google font for her entire site.
I’ve played around adding the font links in various places, but I ca’t figure out where to add them so that:

1. the fonts on the site are changed to the google font
2. when the client creates a new article, the fonts used are the google font.

the font is:
<link href=’http://fonts.googleapis.com/css?family=Rambla:400,700,400italic,700italic’ rel=’stylesheet’ type=’text/css’>

so I would need anything in bold on the site to be Rambla700, anyhting in italics to be Ramble400italic etc.

I know some things in the site won’t change as my client manually changed them, but we can fix those manually too.

thanks!
(site is http://fdfa.ca…. my playing around screwed up the default font so it’s now times – it was arial before)

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

#483798

I see that your have added this script into templates/ja_kyanite_ii/css/template.css

<link href='http://fonts.googleapis.com/css?family=Rambla:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

If you would like to have google font on article, please follow my suggestion

Open templates/ja_kyanite_ii/css/addons.css file
from


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}

change to

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
font-family: 'Rambla', sans-serif;
}

Let me know if it helps

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

1. kevin thorne

[kevin thorne Friend kevin thorneJoin date: January 2010Posts: 10Downloads:1Uploads:1 Thanks: 4]

#484262

FANTASTIC!!!!!!!!! Thanks so much.

(I didn’t see your reply earlier as I didn’t get an email saying you had replied – sorry):):):):):)

[Author]

Posts