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!!!!!!!!!!
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.
Tacksam för svar!
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 ?
Jossan ♥
menade förståss
<link href='http://fonts.googleapis.com/css?family=Flamenco' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'> <head> <title<>${BlogTitle} <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <meta name="generator" content="${AppUrl}" /> <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" /> <script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script> <script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script> <script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script> </head> <body> <div id="wrapper"> <div id="header"> <h1><a href=""></a></h1> <h2>${BlogDescription}</h2> </div>.
Hur gör man om det inte kommer upp någon kodrad?