How to integrate a font?

leah / 2011-11-16 06:46:10   

Hi,

I just had a look on the forum, but didn't see this kind of question, sorry if I missed it and ask a question that was already resolved...

I would like to integrate a font (with google web font) but can't find where is that bloody html file... I pretty sure that is a silly question, sorry in advance. I just know that I have to put the link I had with goolge font in the "head" but can't find the "head"...

Could you help me please?

Vaska A / 2011-11-16 06:47:39   

In Useful Threads (top of the forum) read the two links in red - it briefly explains where things are (and most importantly your template).

leah / 2011-11-16 07:10:38   

Thanks Vaska, I red 3 times this Useful Threads (2before asking this question and 1 after your answer). I know how to pimp the website, and how to change the colors and fonts, but I want to integrate a font, because I want that this font (quicksand for my example) will appear each time (for the moment, that font appears only if the computer with which i'm surfing on my website have already download Quicksand). I hope that I made myself clear, sorry if not...

Vaska A / 2011-11-16 07:13:23   

Doesn't Google have tutorials for use of their webfonts? I don't know, specifically, how they want people to do that.

leah / 2011-11-16 07:18:17   

Yes, they say to put a link (generated by them: link href='http://fonts.googleapis.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>) in the "head" and say that the "head" is in the html file, looking like this:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
link href="style.css" rel="stylesheet" type="text/css" />
THIS WHERE I PUT THE LINK
blalblala
/head>

body>
h1>blablabla
p>blablablabnla


ect....
/body>
/html>

Vaska A / 2011-11-16 07:38:04   

Sure, but there is more to do than simply that. My guess is there is more to the tutorial about targeting your CSS with the particular font face.

leah / 2011-11-16 08:30:39   

ok thank you Vaska

lemathieu A / 2011-11-16 10:17:28   

Bonjour Léa,
First of all, it's easier for us if you give your site (forum rules).
Second, for your question, you just need to add (as explained here) :

  1. font-family: 'Quicksand', sans-serif;

to the element you want ("h1" or whatever for some titles, "body" for all your text) in your css.
Exemple :

  1. h1 { font-family: 'Quicksand', sans-serif; }

This thread has been closed, thank you.