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…?
Top Related