font-family: 'Kaushan Script', cursive;

Latin Extended - font-family: 'Kaushan Script', cursive;

I tried following Google Info

Then I tried adding to override css?

Please advise as to how to add font.


Would like to add to the following in the Grid Layout of M Social.

Thanks in advance.
<h1 class="gkCentered"><strong><span style="font-family: impact,chicago; color: #000000;"><a style="color: #000000;" href="http://www.gavick.com/documentation/joomla-extensions/extensions-for-joomla-1-6/grid-gk5-module/">Meet Grid GK5</a></span></strong></h1>

Hi,
maybe use default google font settings from template, please we have those options since at least 4 years any many many users before you used it.

Make a tea, relax and read:
https://www.gavick.com/documentation/jo ... -menu-font
https://www.gavick.com/documentation/jo ... ogle-fonts

I should have been more clear after having read your information.

1. Do not want to change menu and sub child items font.

2. I Would like to change font for .gkText h1 a link that is used in the Grid of msocial.

This is what I've done so far.

In the backend in the templates option, under fonts, in Other1 - font

1. Selected Google Fonts
2. Font url:
http://fonts.googleapis.com/css?family= ... ,latin-ext
3. Font family:
Kaushan Script


???
4. .gkText h1, .gkText h5, .gkText h6,> ul > li > a

If you can show me screenshot from back-end (font settings) it may help, if current solution still not work for you.

Hi,

something happened to both test and site that is up and running @ http://www.thuto.com. Crashed.

Template Option - Font -

Attached is what I've done.

If you can show me screenshot from back-end (font settings) it may help, if current solution still not work for you.

1) Try, to remove , at the last line of Other I - selectors

2) And if you want to have this nice font for menu and login link
find Custom CSS field in other tab
and put there:

#gkMainMenu .gkMenu > ul > li > a, #gkUserArea {
font-family: "Kaushan Script",cursive;
}

Hi - one last thing

In google the font looks normal whereas in Firefox it looks bold:

This is in css override in templates settings. Doesn't seem like it is doing anything though?

.gkText,
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
line-height: 1.2;
text-transform: none;
letter-spacing: 1px;
font-size: 120%;
}

in general 400 is more bold than 300, which is light in most cases.
But each browser has its own scale, it makes small differences.