Använd Googles webbfonter på din webbplats

Jag är ingen typografisk expert, men med samma standardfonter för din webbplats blir tråkigt. Google Web Fonts har ett helt bibliotek med värdfonter för din användning på ditt nästa webbprojekt. Den här tekniken för receptuppsatser förklarar hur du konfigurerar Google webbfonter på din webbplats.

1 webbläsare över till http://www.google.com/webfonts/

2 Bläddra igenom alla teckensnitt och hitta den du vill använda. Du har möjlighet att använda bara 1 teckensnittsfamilj eller för att använda flera. Låt oss först titta på hur man använder en typfamilj i sig. Börja med att välja länken "Quick Use".

3 Du får se lite information, t.ex. sidlastningstiden, med den här webbtypen. Kom ihåg att webbläsaren måste kolla Googles server för att fånga teckensnittet och visa det för besökare. I steg 3 har vi 3 alternativ om hur du använder dessa teckensnitt. Vi kan använda en standardlänk, @import eller Javascript. Det handlar om personliga preferenser, men jag använder bara standardlänkattributet.

4 Nu kopierar du och klistrar in koden i webbsidans rubrik precis som du skulle länka till ett CSS-stilark.

5 Vi har nu teckensnittet länkat till vår hemsida. Vi måste ange en av våra stilattribut så att vi faktiskt kan använda teckensnittet. Det är lika enkelt som att deklarerar typsnittet, men med namnet på ditt nya teckensnitt. Kom ihåg att använda en återgångstyp som är webbsäker.

6 Här är det i aktion.

7 Om du vill länka flera teckensnittsfamiljer väljer du "Lägg till i samling" på de teckensnitt du vill ha i stället för alternativet Snabb användning.

8 Du kan göra detta för så många teckensnitt som du vill ha; Kom ihåg att det här kan öka sidladdningstiden. När du har alla de teckensnitt du vill ha väljer du Använda sig av längst ned till höger på webbplatsen.

9 Du kommer att få koden igen, förutom den här tiden kommer alla teckensnitt att kombineras till ett länkanspråk. Lägg koden i ditt rubrik och utforma innehållet på samma sätt som steg 4.