Nybörjarhjälp i HTML/CSS (Font-problem)

Permalänk
Medlem

Nybörjarhjälp i HTML/CSS (Font-problem)

God dag, SweC!

Det var ett par fem årsedan jag pillade med HTML och CSS sist. Därför är jag väldigt rostig för tillfället.

Behöver hjälp med att ändra font till en icke-officiell (?) i min HTML kod.

Kod: http://pastebin.com/5R1rGidu

Font: http://fonts.googleapis.com/css?family=Quicksand:400,700|The+...

Jag vill använda Raleway-fonten i mitt tema, iaf för navigationstexten ("home" etc).

Någon som har förslag?

Tack på förhand,
MVH,
Rolf

Permalänk
Medlem
Skrivet av Rolfsaurus:

God dag, SweC!

Det var ett par fem årsedan jag pillade med HTML och CSS sist. Därför är jag väldigt rostig för tillfället.

Behöver hjälp med att ändra font till en icke-officiell (?) i min HTML kod.

Kod: http://pastebin.com/5R1rGidu

Font: http://fonts.googleapis.com/css?family=Quicksand:400,700|The+...

Jag vill använda Raleway-fonten i mitt tema, iaf för navigationstexten ("home" etc).

Någon som har förslag?

Tack på förhand,
MVH,
Rolf

Du behöver använda @font-face. Kolla W3C. Typ såhär (direkt kopierat från din länk):

@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100; src: local('Raleway Thin'), local('Raleway-Thin'), url(http://themes.googleusercontent.com/static/fonts/raleway/v6/R...) format('woff'); }

Och sen för att sätta den för exempelvis H1:

h1 { font-family: 'Raleway', Arial, sans-serif; }

Allt i CSS-filen/filerna förstås eller vart du nu har din CSS-kod.