I denna artikel går vi igenom hur du ändrar typsnitt på din webshop.
- Besök Googles egna databas för typsnitt Google Fonts. Följ denna länk för att komma dit: Google Fonts.
- När du valt den font som du vill använda trycker du på plustecknet bredvid namnet på typsnittet. Se exempelbild nedan för exempelfonten Hi Melody.
- Längst ner på skärmen dyker det upp en svart popup-ruta som innehåller information och värden för typsnittet.
- Nästa steg blir att föra över dessa värden till din webshop.
- Logga in på Backoffice > Inställningar > Temainställningar.
- Scrolla ner till sektionen Webshop - Egen HTML.
-
Kopiera nedan exempelkod och klistra in den i rutan för HEAD-kod under sektionen Webshop - Egen HTML. Se bild nedan.
<link href="https://fonts.googleapis.com/css?family=exempel" rel="stylesheet">
<style type="text/css">
@font-face {
font-family: 'exempel', exempel;
}*{
font-family: 'exempel', exempel;
}
}</style>
-
Gå tillbaka till sidan för Google Fonts där du fått information och värden om ditt valda typsnitt.
-
Kopiera koden. Se exempelbild nedan för exempelfonten Hi Melody.
- Gå till Temainställningarna och ta bort den översta kodraden i exempelkoden, och ersätt den med koden som du kopierat från Google Fonts. Se bild nedan.
- Gå tillbaka till Google Font och kopiera CSS-koden. Se bild nedan.
- Gå till Temainställningarna och ersätt de två raderna som på bilden nedan med den CSS-kod som du precis kopierat från Google Fonts.
- Tryck på Spara i Temainsällningarna.
- Växla till webshopens framsida och se hur typsnittet ser ut.