Etikettarkiv: typsnitt

Så väljer du rätt typsnitt till din hemsida – 3 tips

När du skapar en hemsida till företaget finns det många olika delar som är viktiga att tänka på. En av dessa är valet av typsnitt – som faktiskt kan påverka besökarens användarupplevelse mer än du kanske tror. Vi har samlat tre tips som hjälper dig att välja rätt typsnitt till din hemsida.  Läs mer

Dela: Facebooktwittergoogle_pluslinkedinmail

Använd “andra” typsnitt på din sajt

Typsnitt på webbsidor har varit ett gissel ända sedan webbens barndom. Dels på grund av att de flesta typsnitt är upphovsrättsskyddade och inte får spridas vind för våg, men också för att det krävdes att alla surfare hade de typsnitt du använde på din sajt installerade på sin dator. I slutändan föll därför valet nästan alltid på Arial, Verdana eller något annat av de fåtal “standardtypsnitt” som i princip ingen dator är utan.

Som tur så finns det en hyffsad lösning på båda problemen. Google web fonts erbjuder nästan 200 typsnitt som vem som helst får använda fritt, och som dessutom fungerar i de flesta webbläsarna:

  • Chrome 4.249.4+
  • Firefox 3.5+
  • Safari 3.1+
  • Opera 10.5+
  • Internet Explorer 6+

Det fungerar dessutom fint i de modernare mobiloperativsystemen som iOS 4.2+ och Android 2.2+.

Hur gör man?

  1. Surfa in på Google web fonts och leta reda på ett typsnitt du vill använda.
  2. Klicka sedan på “Quick-use” till höger under förhandsvisningen.
  3. Skrolla ned lite och klipp ut koden från ruta “3. Add this code to your website” och klistra in den högst upp mellan taggarna <head> och </head> i koden för din sajt.
    Exempel:

    <link href='http://fonts.googleapis.com/css?family=Loved+by+the+
    King&v2' rel='stylesheet' type='text/css'>
  4. Sedan är du färdig att använda typsnittet i din css-kod.
    Exempel:

    h1 { font-family: 'Loved by the King'; }

    Så, nu är det fritt fram för nya typsnittet

Att tänka på

  1. Använd inte för många typsnitt. När en besökare kommer till din sida laddas typsnittet ned och används utan att användaren behöver gör något. Det lagras i cache-minnet för webbläsaren, så nästa gång behöver inte nedladdningen ske. Alla typsnitt är komprimerade och nedladdningen går så fort att besökare i de allra flesta fall inte märker något. Men du bör ändå tänka på att inte använda för många typsnitt på samma sida för att undvika sämre laddningstider av din sajt (i de flesta fall är det dessutom inte speciellt snyggt med många olika typsnitt ;-)).
  2. Ange alternativa typsnitt. Även om Google web fonts har stöd för de flesta webbläsare så bör du alltid aktivt ange alternativa typsnitt som visas om besökaren använder en icke-kompatibel webbläsare.
    Exempel:

    font-family: 'Loved by the King', Arial, Verdana;
Dela: Facebooktwittergoogle_pluslinkedinmail