This guide explains how to use the Google Web Fonts API to add web fonts to your pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style.

In Themes/YOUR_THEME/index.template.php

Find:

Code Select Expand

</head>

Add before:

Code Select Expand

<link href="http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo" rel="stylesheet" type="text/css">

In css/index.css

Find:

Code Select Expand

font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;

Replace with:

Code Select Expand

font: 78%/130% "Swanky and Moo Moo", cursive;

Demo: Google Font API

Ther are hundreds of fonts available. Choose the one that suits you best.  Google Web Fonts

man I said that before, you are awesome :)

I was searching on sm.org yesterday on a way to use a different fonts for the forum. I saw on a theme the creator used a different method. I don't know the procedures but I noticed a change in index.css, a code in index.template.php and a font file with the theme.

anyways I think this is more convenient. wish me luck in finding arabic fonts.

thanks again BD

by the way,

what if I want to use more than one font. like if I want to use a font for tittle, another one for linktree, a different to topics tittle, then a fourth one for postarea?

For multiple fonts read this: https://developers.google.com/webfonts/docs/getting_started

... And for different places in the forum, well that's easy. Just replace the default font in the CSS file with your custom one.

Thanks,

I had no luck finding an arabic font apply to this case. I guess I have to just use it to change the english one.


thanks again

Thanks,

I had no luck finding an arabic font apply to this case. I guess I have to just use it to change the english one.


thanks again

I would imagine google has an extensive Arabic list?

I am now using "Oswald" font here on idesign360  ;)

Code Select Expand

font: 85%/130% "Oswald", sans-serif;

This is really great. I've tried it and is now using the Oxygen font from Google. :) Thanks Mick!

BTW, where can I edit the font for the SMF copyright? It's the only one left that's using the Arial font. :)

This is really great. I've tried it and is now using the Oxygen font from Google. :) Thanks Mick!

BTW, where can I edit the font for the SMF copyright? It's the only one left that's using the Arial font. :)

Assuming youre using the Blues theme?

find:

Code Select Expand

#footer {
add the font after..

Code Select Expand

font:  "whatever", whatever;

It didn't work Mick. :(

It didn't work Mick. :(

Try using:

Code Select Expand

font-family:

Try it in here instead...

Code Select Expand

#footer ul li a {
font-size: 10px;
}

Try it in here instead...

Code Select Expand

#footer ul li a {
font-size: 10px;
}

Yup. That did that trick! Thanks Mick!  ;D

Yup. That did that trick! Thanks Mick!  ;D

Awesome.  :P

Got an email today regarding what font was used on our logo. Well, it's not a photoshopped logo. It's plain text from google font API called "Qwigley".

Enjoy.