ANVÄND GOOGLES TYPSNITT PÅ DIN EGEN WEBBSIDA

SÅ HÄR GÖR DU

HTTP://GOOGLE.COM/FONTS

Gå till denna adress.

(Font, teckensnitt och typsnitt används synonymt i denna presentation.)

I VÄNSTERMENYN FINNS ALTERNATIV FÖR TECKENSNITT

BOCKA GÄRNA UR NÅGON KATEGORI FÖR FÖRENKLAD SÖKNING

DU KAN VÄLJA ATT VISA ETT EGETORD - SKRIV IN DET HÄR.

DU KAN SKRIVA EN MENING - OCH SORTERA EFTER EX. TREND.

DU KAN VISA ETT STYCKE.

DU KAN VISA ETT ORD, OCH SORTERA EX. ALFABETISKT

NÄR DU BESTÄMT DIG:KLICKA PÅ PILEN I RUTAN

SIDAN DU KOMMER TILL KAN SE OLIKA UT

För detta teckensnitt finns enbart

ett alternativ på storlek

ANDRA TYPSNITT KAN HA MÅNGA ALTERNATIV

Klicka för de alternativ du vill använda. Men tänk på att ju fler

storlekar du väljer, ju längre tid tar det att ladda webbsidan.

Det är därför det finns en ”mätare” till höger, som signalerar

lite rekommendationer. Grundregel: Inte fler än du behöver!

DEN HÄR KODEN SKA DU KOPIERA OCH KLISTRA IN I HEADTAGGEN

Du behöver länka till adressen hos google (i head-taggen)

på din html-sida, för att det ska funka. Först då hämtas den

ner från nätet. (Instruktionerna finns till höger.)

KOPIERA DENNA KOD TILL DE REGLER DÄR DU VILL ANVÄNDA FONTEN

Koden du behöver lägga in i din css-fil för den selektor du vill

påverka. Du kan givetvis använda flera teckensnitt i din

teckensnittslista, se kodexemplet till höger.

När detta är klart är det bara att testa att det fungerar!

Enkelt, eller hur…?