Något många undrar över är hur man kan göra för att använda sig av typsnitt på sin blogg som man har laddat ner, som alla ändå kan se.

Ofta vill man ha detta för sina rubriker, typ texten i headern, eller rubrikerna på sina inlägg.

Det finns ett sätt man kan göra för att få det hela att funka, och det gör man genom att använda sig av Cufon font Replacement. Man laddar helt enkelt upp lite javascriptfiler på något ställe där man kan ladda upp filer, och sen så lägger man in lite kod på sin blogg för att få det hela att funka.

Jag ska förklara för er, så ni kan göra det steg för steg ni med.

Gör så här:

1. Leta upp ett typsnitt som du vill använda dig av. Du kan ladda ner typsnitt  t ex på www.dafont.com

2. Ladda ner typsnittet till din dator och packa upp den fil som slutar på .ttf

Cufon replacement - Typsnitt på din blogg

3. Gå in på Cufon – Fonts och högerklicka på Download som finns uppe till vänster i menyn. Välj spara som och spara ner den filen på din dator där du lätt hittar den.

Cufon replacement - installera typsnitt

4. Fortsätt lite längre ner på den sidan där du laddade ner filen från precis. Klicka på bläddra, och välj typsnittet som du laddade ner innan i de första stegen.

cufon replacement - eget typsnitt på bloggen

5. Bocka för de rutor som jag visar på bilden nedan.

6. Scrolla ner lite, tills du kommer till där det står ”.. and also these single characters”. I rutan där under skriver du i åäö.

7. Scrolla till slutet på sidan och bocka i rutan jag visar på bilden nedan, och klicka sen på knappen Let’s Do This.

8. Nu får du upp en ruta med en fil som du ska spara. Spara den på samma ställe som du sparade din typsnittsfil, dvs ett ställe där du hittar den lätt.

9. Gå in på en sida där du kan ladda upp filer, t ex www.fuskbugg.se och ladda upp den första filen som du skapade i steg 3. Se till att spara ner adressen till filen, för den ska du använda senare.

10. Ladda även upp din typsnittsfil som du skapade i steg 8. Spara adressen till filen för den ska du använda snart.

11. Kopiera följande kod:

<script src="Adressen till din cufon-fil" type="text/javascript"></script>
		<script src="Adressen till din typsnitts-fil" type="text/javascript"></script>
		<script type="text/javascript">
			Cufon.replace('h3');
		</script>

12. Gå nu in på din blogg och gå in under dina kodmallar.

bloggdesign blogg.se

13. Klistra in koden ifrån steg 11 precis ovanför </head> i din kodmall.

14. Nu ska du klistra in adresserna till de filer som du laddat upp. Där det står Adressen till din cufon-fil klistrar du in adressen du fick fram i steg 9 och där det står Adressen till din typsnitts-fil klistrar du in filadressen som du fick fram i steg 10.

15. Spara din kodmall nu och gör sen likadant på de övriga kodmallarna.

Om du tryckar F5 när du är inne på din blogg nu, så kommer du se att dina inläggsrubriker har ändrats till det typsnitt som du har valt.

Om du istället vill att det ska vara texten i din header som ändras, så måste du ändra lite i koden som du la in i steg 13. Där det står Cufon.replace(‘h3′) ändrar du h3 till h1 istället. Då är det ditt bloggnamn som kommer att ändras.

Så, nu har du lärt dig hur du kan använda vilket typsnitt som helst.

Det är ett långt och lite knepigt inlägg, men om du följer stegen noga och tar det lugnt så kommer allt gå bra.

Min förhoppning är att jag ska göra en videoinstruktion om detta inlägg så snart jag hinner, då kommer det bli ännu lättare att klara av det.

Om ni vill läsa mer om möjligheterna och hur du kan ändra koden lite, så gå in på Github – Wiki och läs mer.

Om Lari

Lari Salminen har skrivit 877 inlägg.

Grundare av Designa Din Blogg. Jobbar heltid som brandman på Medelpads Räddningstjänstförbund och driver den här sidan på fritiden som en hobby.