Annorlunda typsnitt med Google Web Fonts
Ett känt problem med typsnitt är att den som läser just din blogg, måste ha samma typsnitt installerat på sin dator som du har valt att använda.
En hel del typsnitt finns på datorn som standard, men det är kanske inte alltid så roliga typsnitt.
Men, det finns sätt att komma förbi det där att besökaren av sidan måste ha typsnittet installerat på sin dator, och ett sätt är att använda Google Web Fonts.
Med hjälp av några kodrader och förändringar i stilmallen på din blogg så löser det hela sig och jag skall förklara hur.
Gör så här:
1. Gå in på Google Web Fonts
2. Klicka på Start Choosing Fonts
3. Leta upp ett typsnitt som du gillar och vill använda på din blogg. Klicka på Quick Use.
4. Kopiera den första kodraden som syns.
5. Klistra in den i dina kodmallar, precis ovanför </head>.
6. Kopiera nu den andra kodraden som kommer en bit längre ner.
7. Nu ska du klistra in den i din stilmall, på det ställe där du vill använda det typsnittet. I mitt exempel så har jag valt att göra brödtexten till det nya typsnittet, och då har jag lagt in koden i kodavsnittet .entrybody.
Sen så är det bara att spara allt och testa…
Ett tips: Om du vill, så kan du använda dig av flera olika typsnitt från Google Web Fonts på samma blogg, men hur du löser det, får du allt klura ut själv. En nackdel med det kan vara att det blir en tungladdad sida, så tänk på att inte använda för många typsnitt.
Det här har man väntat länge på! Tack som fan!
kan man göra så på rubriken också? Isf, hur?
/** Entry headers **/
Lägg den på den raden istället! 😀
Om du fattar vad jag menar 😉
Över eller under den kodmallen?
Det här är något man länge velat ha! Tack som fasen! Fungerar perfekt!
Det funkar inte för mig 🙁
Jag behöver hjälp med en sak! Det är viktigt! På vissa bloggar så har dem en bloglovin-grej på sidan där alla kategorier står osv. hur sätter man in en sån sak där? Hjälp, någon?
Man går in på Bloglovin’ och går in på ”Ikoner” typ, vad jag minns iaf. 😛
jag vet precis hur man ska göra och så, men när allt är klart så blir inte texten i tex rubriken i samma typsnitt som jag har valt. Den ändras , men bara till en helt olik som jag har valt, & jag har inte valt fel typsnitt, det vet jag! Har testat olika typsnitt också på olika ställen! Är det för att tysnittet inte är instalerat på datorn eller? MÅSTE ha svar!
JAG ÄLSKAR DIG!!!!!!!!!!
Jag har samma problem! Det blir ett annat typsnitt, men det är inte alls det som jag valde från den där google sidan!
Det kommer inte upp någon kodrad…
Fungerar utmärkt! Tack 🙂 <3
supernöjd med detta, har använt det läänge! 😀 hade det till förra bloggen med men det bara fuckade sig när jag skulle fixa så fick byta blogga!
Det händer inget 🙁
Vad gör man om det inte kommer upp någon kodrad alls?! 🙁
Det går inte 🙁 jag vill lägga in typsnittet i rubriken men hur gör man det??
Tack så jätte mycket , har några olika typsnitt. Men jag undrar en sak.
Jag ändrade typsnittet i inläggen till flamenco. men när man ska kommetera inlägget så kommer man till en annan sida (inläggsidan), där visas inte åäö. Varför ?? Måste ha svar ! Snälla hjälp.
Skriv gärna till mailen , annars här!
Tack på förhand.
Jossan ♥
Du har lagt in kod mellan och . Gör inte det. Javascript och länkar till stylesheets ska vara innanför .
förstår inte?
Såhär se inläggsidan ut bland kodmallen:
<title${BlogTitle}
${BlogDescription}
Två länkar ligger övanför head.
Jag la den där för att jag ville ändra typsnittet i texten (inlägget).
Ska jag göra ngt annorlunda eller lägga den någon annan stanns ? 🙂 Tacksam för svar!
Jossan ♥
menade förståss
.
Hur gör man om det inte kommer upp någon kodrad?
undrar som många andra hur man får fram kodraden om den inte kommer upp av sig själv. Blir lite förvirrad, man annars var detta ett suuuuuperbra tips!
Har letat över allt men hittar inte .entrybody :(. Jag har temat Simply Black, TACKSAM för hjälp.
Tack så sjukt mycket! =)
Tack SÅÅ mycket. 100000000 gånger enklare än cufont grejjen, herre vad många timmar man satt med den kändes det som 🙂
Tack Lari!!
ÅH TACK VAD GRYMT!! Fortsätt såhär!
Hejsan. Jag lyckas inte riktigt med det här, men såg att det här inlägget publicerades 2011 och de har ändrat utseendet på länken som du skickade. Så jag undrar om du skulle kunna hjälpa till!
Tack något otroligt!
Hej, vet inte om det beror på det nya sättet kodmallarna är upplagt på eller om det beror på vilket tema jag valde, men jag har inte script som är ovanför head, jag har ändå klistrat dit länken över head fast det fungerar ändå inte, jag gjorde båda stegen.
Tacksam för svar 🙂
OJ, det fungerar! Förlåt.. Hade missat något. Tack för hjälpen, dett fungerar utmärkt!
Åh, tack så mycket! Du räddade just min blogg!
Tack tack tack! Blev jättenöjd!
Tusen tack!
Hej!
Fantastiskt bra tips, får se om det fortfarande håller, trots åldern.
Min fråga: jag har egentillverkade typsnitt som jag skulle vilja använda i rubriker, kan man göra det? Hur?
fixade så jag fick på min framsida men hur gör man för att få samma typsnitt på rubriken fast på olika ställen tex när man klickar in på kommentarer
Tusen tusen tack för detta inlägget! Har så länge undrat och velat få en lösning på det! 😀
Kan man få typsnittet smalare?
Beror helt på vilket typsnitt du vill använda. De listar vilka tjocklekar typsnitten finns i.