Bloggdesigntips: Snygga rubriker

\\      DATE: 2011-11-19  ♥  TIME: 22:51:34    -   KOMMENTERA      //


Vill ni veta hur jag har fått så snygg stil på mina rubriker?
Då kommer här en liten genomgång på hur jag gjort.

 

1. Gå in på Google Web Fonts. Klicka på den blåa knappen, Start Choosing Fonts.

 

 

2. Leta omkring lite och om du hittar ett typsnitt du vill använda dig av trycker du på Add to Collection.

 

 

3. När du klickar på Add to Collection hamnar ditt typsnitt i en ruta nedan. Tryck sen på Use för att kunna få koden till typsnittet så att du kan lägga in det på din blogg. ↓

 

4. Nu ska du bläddra ner till steg 3. Där kopierar du av koden som står i rutan.

 

5. Koden som du kopierade av i steg 4 ska du nu lägga in i dina kodmallar. Den ska klistras in mellan <head> & </head>.

Kom ihåg att lägga in den på alla dina kodmallar, alltså alla fyra.

 

 

 

 

 

6. För att sedan kunna använda typsnittet till rubriken går du in på din stilmall och letar upp stycket

 

/** Entry headers **/
h3 {

 

Där det står font-family: ska du skriva in typsnittets namn. Namnet på det typsnitt du valt kan du se i länken som du kopierade av i steg 4.

 

Exempel på en kod: <link href='http://fonts.googleapis.com/css?family=Fondamento' rel='stylesheet' type='text/css'>

Det fetstilade är namnet på typsnittet. Så kopiera bara av det och klistra in efter Font-family: i stilmallen.

 

Så kan det se ut i stilmallen:      Före: Font-family: tahoma;  →  Efter: Font-family: Fondamento;

Sen är det bara att spara.

 

7. K L A R T ! Om resultatet inte syns direkt, tryck på F5 för att uppdatera din blogg.

Har ni några frågor får ni kommentera. Lycka till!


Kommentarer

Taaaack! :D Grymt inlägg som gav mig massor hjälp!! :D

2011-11-20 12:37:04

Sjukt bra tips Frida, är det ok om jag länkar detta inlägg på min blogg nu när fuskbugg lägger ner titt som tätt?

2011-11-24 10:59:47

Tack för superbra tips!! Måste bara fråga, vilken font är de du har på dina rubriker?



=)

2011-12-07 16:59:33

När jag går in på googlewebfonts.com så kommer det upp en ruta där det står ''1 Minute Video Tutorial On How To Add Google Fonts'' på, och jag kan inte klicka bort den & komma till ''start choosing fronts'' ! Jag testade att klicka på videon för att se på den, kke gård en bort då, men det gjorde den ej! Hur ska jag göra? :(

2012-02-02 14:13:53

Tack så hemskt mycket!! Funkade superbra

2013-04-03 00:34:59

Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback