Vinn 25.000 kr att shoppa för!

Typsnitt i bloggen

by The Blog Guru on 26 april, 2010

Det här är ett inlägg som handlar om CSSI CSS-filen kan du styra större delen av din bloggs utseende. Förstår man sig inte på den kan det vara otroligt jobbigt, men tar man sig tid till att bläddra igenom den (eller om man läser några guider i CSS) så kan det faktiskt bli riktigt bra i slutändan.


Något jag ser att vissa ändrar på i sin blogg är fonten, eller på svenska, typsnittet.
Men något jag har insett är att de flesta inte vet vilka fonter man har att välja mellan. Det är inte så konstigt, jag visste det inte tidigare heller.
Men efter lite research kan jag nu förklara hur det fungerar!
Det är Font- mappen på din dator som anropas när du går in på olika hemsidor. Deras CSS-fil(eller din, om du besöker din egen blogg) anropar då din dator, som presenterar typsnitten på bloggen.
Så det du har att välja mellan när du ska bestämma dig för en font till din blogg är de fonter du har på datorn.
Du kan antingen söka efter mappen Fonts i din dator för att se dem. Eller öppna ett ordbehandlingsprogram, photoshop eller liknande.

Här är de vanligaste typsnitten:

Vanliga typsnitt

För att få dem att fungera skriver du in fontens namn efter texten ”font” i din CSS-fil.
Exempel:

Font-family:Arial;

Det kan stå olika saker, exempelvis font-family eller bara font. Därför är det enklast om man bara letar efter ordet ”font”.

Om du däremot ska skapa dig en header i photoshop har du betydligt fler valmöjligheter. Då föreslår jag att du går in på dafont, eller Font Squirrel. Hos dem kan du ladda ner nya fonter, som kan hjälpa till att göra din header mer personlig.

{ 9 comments… read them below or add one }

BloggCandy 04 Maj, 2010 kl. 21:23

detta suger lite
att man inte få själv bestämma vilka font man ska använda utan att man måste tänka på att fontet ska finnas på allas dator

Svara

The Blog Guru 05 Maj, 2010 kl. 10:22

Hej!
Jag som försökte visa på att det fanns många typsnitt att välja mellan! :)
Det finns sätt att gå runt detta, men det är mer avancerat och jag har själv inte förstått mig på den tekniken ännu. Men jag tror att det handlar om att man lagrar fonten tillsammans med hemsidans andra filer. Men som sagt, jag har inte full koll på det. Men när jag har det så lägger jag upp en guide om det och förklarar!

Svara

Anna Grindlund 26 Aug, 2010 kl. 09:59

Va snygg den stilen var som det står ”Delad glädje är dubbel glädje” ?

Svara gärna på http://www.metrobloggen.se/annaa

Tack!

Svara

Vikkipedia 13 Okt, 2010 kl. 09:08

Jag har egna fonter och så, det är inget problem alls, utan mitt problem är att mina fonter syns bara på denna dator! Jag vet verkligen inte hur jag ska göra, för det ser ju verkligen katastrof ut om jag kollar på en t.ex lånad dator. Tips på hur jag ska göra?

Svara

Detsvartataket 16 Okt, 2010 kl. 10:39

Hej, är också nyfiken på Delad glädje är dubbel glädje!

Vad är det för någon?

//Jessica

Svara

theblogguru 16 Okt, 2010 kl. 14:33

Hej!
Typsnittet heter Desyrel och kan laddas ner här: http://www.fontsquirrel.com/fonts/Desyrel

Svara

Detsvartataket 17 Okt, 2010 kl. 09:15

Kanon! Tack!!!

//Jessica

Svara

Em 31 Okt, 2010 kl. 19:59

För att ett typsnitt ska fungera på alla datorer (även de som typsnittet inte finns på) måste man göra om texten till en bild.
Jag är inte säker men så vitt jag vet är Illustrator det enda programmet där man kan göra detta. (InDesign kan funka också.)
Har man programmet Illustrator på sin dator kan man skriva en text i vilket typsnitt man än vill använda och sen klickar man på ”arkiv” – ”skapa textkonturer”. När det är gjort kan du inte längre ändra i texten så var säker på att du stavat rätt och så vidare.

Eftersom att texten nu är en bild kan man se den på alla slags datorer.
(Dålig förklaring, jag vet, men det är svårt när det inte går att visa.)

Svara

Silently 24 Nov, 2010 kl. 19:53

Det beror på att de typsnitten du använder bara finns nerladdade till din dator. För att ett typsnitt ska fungera överallt måste den finnas nerladdad på alla datorer där den ska visas, därför går det inte att ha egna typsnitt i htmlkoder.

Svara

Leave a Comment

Previous post:

Next post: