Lägg till Google font

Hämta kod från Google webfonts

För muspekaren över Redigera sida i den svarta verktygslisten i överkant

Klicka på Lägg till Google font i menyn som fälls ut

Koden

Klicka på http://www.google.com/webfonts och leta upp en font som passar

Klicka därefter på Add to collection och sedan på Use

Kopiera koden från steg #3 Add this code to your website och det är den koden du klistrar in i rutan Paste Google font code here

Efter du har klistrat in koden klickar du på Spara och du kommer till översiktssidan för anpassade typsnitt

(tänkt på att Google kan när som helst ändra på tillvägagångssätt för hur man hämtar kod)

Editera / designa typsnitt

För muspekaren över Redigera sida i den svarta verktygslisten i överkant

Klicka på Typsnitt om du vill lägga till Google fonts för ett typsnitt i standarduppsättningen

eller

Klicka på Anpassade typsnitt om du vill lägga till Google fonts för ett eget, anpassat typsnitt

Klicka därefter på ett typsnitt för att editera

Kolumn

Inställningar för höjd / bredd
Läs mer här

Inställningar för marginaler / indrag
Läs mer här

Bakgrund / skugga

Inställningar för bakgrund
Läs mer här

Inställningar för skugga
Läs mer här

Hörn / ram

Inställningar för hörn
Läs mer

Inställningar för ram
Läs mer

Fonts

Storlek

Skriv siffra som ska avgöra storleken för typsnittet. Anges i pixlar (px)

Weight

Denna inställning avgör hur fet texten blir. Värden du kan ange ligger mellan 100 till 900. Ju högre siffra desto fetare text.
Testa dig fram, du ser direkt hur texten påverkas när du ändrar siffror

Teckenavstånd

Här skriver du in en siffra och avslutar med pixlar (px) för att skapa avstånd mellan tecknen

Line height

Detta är inställning för radavstånd. Du kan använda enheterna em, ex, %, eller px

Family

I denna dropplist väljer du vilken font du vill använda för typsnittet

Text decoration

I dropplistan kan du välja om texten ska vara understruken, överstruken eller genomstruken

Färg

Sätt muspekaren i fältet och dra i reglagen för att hitta en bra färg. Eller skriv in hex kod (#)

Stil

Välj en stil för typsnittet. Italic och Oblique gör texten lite lätt kursiv.
Standardvärde är normal

Spara när du är klar

För att typsnittet ska slå igenom på din webbplats behöver du publicera. Klicka därför på ikonen Molnet uppe i det högra hörnet i den svarta verktygslisten

INSTÄLLNINGAR TYPSNITT

Du kan designa varje typsnitt globalt. Dvs varje gång du skriver en text och använder ett typsnitt som du har angett någon slags design för under fliken Globala stilar -> Anpassade typsnitt så kommer texten att få detta utseende

Google fonts

Med Google webfonts kan du ladda upp obegränsat med typsnitt. Tänk dock på att inte göra en egen typografi att använda som den översta rubriken på din sida. Header 1 (H1) )ska vara kodad på ett speciellt sätt för att sökmotorerna ska kunna läsa den korrekt och det är endast standard Header 1 som passar till detta.

Storlek

Hur stor typsnittet ska vara anger du på denna rad. Du skriver en siffra och avslutar med enheten px. Utan mellanslag. Ex: 20px

Textens tjocklek (font weight)

Ange en siffra mellan 100 och 900 i steg om 100. Ju högre siffra desto fetare text

Teckenavstånd

Med denna inställning skapar du ett avstånd mellan varje bokstav i ett textstycke. Ange en siffra och avsluta med enheten px

Radavstånd (line height)

Radavståndet avgör avståndet mellan varje textrad i ett stycke. Skriv in en siffra och ange enhet t.ex em, ex, % eller px.
Det ska inte vara något mellanslag mellan siffran och enheten
Vi brukar använda 1.8em som standard

Dekorera texten
(text decoration)

None: standarvärde, ingen dekoration
Underline. understruken text
Overline: överstrykning (ett streck ovanför texten)
Line-through: genomstryckning (streck på texten)