Nya typsnitt med Google Web Fonts
Ni som är jätteuppmärksamma har kanske märkt att jag bytt ut typsnittet i mina inläggsrubriker? Ett kurisvt sådant, och ett icke-standard. Vilket betyder att det inte finns med i startpaketet på datorerna man köper. För att kunna använda ett sånt typsnitt och så att alla ska kunna se det så måste man ha lite koder, tänkte tipsa er!
Man kan antingen använda sig av Cufon's tillägg för icke-standard typsnitt, men mina erfarenheter säger att bloggen blir såå mycket långsammare om man väljer det alternativet.
Ett enligt mig bättre alternativ är Google Web Fonts.
1. Klicka in HÄR. Klicka på Start Choosing Fonts.
2. Välj de typsnitt du vill använda på bloggen - ett, två eller flera. Observera dock att bloggen blir långsammare ju fler typsnitt du använder, men inte alls lika långsam som med Cufon. För att välja ett typsnitt, klicka på Add to Collection.
3. När du valt klart, blicka längst ned på skärmen där du har ett blått block. Klicka till höger i det blåa blocket på knappen Use.
4. På sidan du skickas till - scrolla ned till punkt {3} där det finns en kod. Kopiera den koden och klistra in i alla dina kodmallar på bloggen, någonstans mellan raderna <HEAD> och </HEAD> och glöm inte att spara sidorna.
Koden du ska kopiera ser ut i stil med följande:
<link href='http://fonts.googleapis.com/css?family=Typsnittets Namn' rel='stylesheet' type='text/css'>
5. Om du exempelvis vill använda det nya typsnittet i inläggsrubriken som jag gör, så gå in till stilmallen och sök upp {ctrl+f} avsnittet som börjar med:
/** Entry headers **/
h3 {
6. I det avsnittet, sök upp raden som börjar med font-family: ......... Direkt efter kolonet ska du lägga till det nya typsnittets namn. Namnet kan du se i punkt {4} på sidan du skickades till när du klikade på knappen Use, där det står något i stil med:
(där det första och här fetmarkerade är typsnittets namn)
Font-family: 'Typsnittets Namn', serif;
7. Spara stilmallen. K L A R !
Ibland kan du behöva uppdatera bloggen {f5} för att förändningen ska synas.
Var detta något ni hade användning av? :}
Ett urval av typsnitten som finns tillgängliga via Google Web Fonts :
sv: ja eric är verkligen en Entertainer!
MEN GUD vad bra! Se - nu lärde du mig något hihi. Tack för tipset fina du :)
Vilket bra tips! :)
Jag ser tyvärr inte ditt typsnitt. Bara det vanliga typsnittet.
Åh älskar typsnitten i rutan dära!:)
Sv; Haha ja det är den faktiskt! Känner mig typ handikappad utan den..;s
Eller hur?? Jag kan säga dig att det var RIKTIGT GOTT också..!;)
Kram på dig
Svar från ditt svar: Jag vet inte om du brukar hjälpa andra med saker på bloggen, men du skulle möjligtvis inte kunna hjälpa mig med hela min horisontella meny?
Typsnitt, så den hamnar i rutorna, få undermenytexten att hamna åt vänster osv.
Jag håller nämligen på med en ny design, med inspiration från din (hoppas det är okej) men ej med dina bilder eller nåt :)
sv: Såg himla goa ut! Tror du att de passar bra i dansen? För det sitter bra på foten och så va, sitter stadigt? :)
tack så mycket! :)
SV. Mm, bilder gör så himla mycket.
Ja jag tycker också det =) Måste nog klicka hem den.
Fin blogg! Hur är det? :D
Vilka snygga typsnitt! Ska kolla in den sidan :)
Hur lärde du dig skapa webbdesign?:)
fin blogg!!
Vilken fantastiskt fin header du har! Bilderna är otroligt fina (så också övriga bilder i din blogg). Att ha ett collage som rullar är effektfullt. Det märks att du har lagt ner mycket tid!
Kram
bra tips :D
sv: tack så himla mycket! :)
kramis♥
Åhh vad heter gonten som du använt i texten "jag använder"? Har letat som en galning efter den på nätet i flera månader nu utan att få tag i den. tacksam för svar. / Therese
Sv; Jag vet!:D helt sjukt kul att vi fått iPads! oj haha stackare..;( lät inte så jätteroligt<3
Ha en bra dag!
Kram
Vad använder du för typsnitt nu? :)
Detta har verkligen varit till stor hjälp! Har länge undrat över detta och så fick jag tips av en kompis om att hon fått hjälp ifrån dig! Tusen tack!
Det vill inte funka för mig :( Gör som det står, men blir bara knas! Hjälp?!
