Typsnitt
Detta avsnitt listar de typsnitt som Stockholms universitet använder på webben.
Verdana

Verdana är ett sans serif-typsnitt som är speciellt framtaget för läsning på skärm.
När Verdana används så ska det göra det med följande fallback i stilmallen: font-family: Verdana, Arial, Helvetica, sans-serif;
Verdana används till:
- All navigation på webbplatsen
- Rubriker
- Ingresser
- Bildtextrubriker
- Brödtext på webbplatsens startsida
- Brödtext i webbplatsens högerspalt
- Listor som ej är en del av brödtexten i en artikel
- Länkar som ej är en del av brödtexten i en artikel
Georgia

Georgia är ett serif-typsnitt som är speciellt framtaget för läsning på skärm.
När Georgia används så ska det göra det med följande fallback i stilmallen: font-family: Georgia, "Times New Roman", Times, serif;
Georgia används till:
- Brödtext i artiklar
- Bildtexter
- Artikelinformation
- Vissa rubriker, exempelvis i nyhetslistor (observera att första rubriken på en sida aldrig får vara satt i Georgia)
Times New Roman

Times New Roman är en klassisk antikva som finns i alla Microsoft Office-applikationer och används enbart i webbplatsens utskriftsmallar.
När Times New Roman används så ska det göra det med följande fallback i stilmallen: font-family: "Times New Roman", Times, Georgia, serif;
Använd rätt textstorlekar
Av tillgänglighetsskäl skall universitetets webbplatser textstorlekar sättas med relativa mått så att användaren kan storleksförändra texten i sin webbläsare.
Stilmallens grundstorlek för texten skall, för att vara samma i de flesta webbläsare, knytas till body-elementet och se ut på följande sätt:
font: 76%/1.6 Verdana, Arial, Helvetica, sans-serif;
Denna storlek används som brödtext på sidorna. Smalare spalter använder 90% av grundstorleken.
Ingresser använder 90% av brödtextstorleken.
Följande textstorlekar används till rubriker när brödtexten visas i sin grundstorlek:
Rubriknivå 1 (h1): 230%
Rubriknivå 2 (h2): 150%
Rubriknivå 3 (h3): 140%
Rubriknivå 4 (h4): 100%
I smalare spalter, där brödtextstorleken är 90%, används:
Rubriknivå 1 (h1): 140%
Rubriknivå 2 (h2): 125%
Rubriknivå 3 (h3): 100%
Rubriknivå 4 (h4): 90%
Observera. Om en spalt är smalare än hälften av huvudytans bredd så ska textstorleken vara 90% av sidornas standardstorlek.
På webbplatsens startsida kan andra rubrikstorlekar än de ovan nämnda användas.
Länkar ska vara understrukna
Länkar skall i princip alltid strykas under, undantag kan dock göras för länkar i navigationselement.
Följ typografin för trycksaker för text i bilder, video och flash
För typografi i bilder, video och flashfilmer gäller samma regler som för trycksaker. Se avsnittet Typsnitt för mer information.
Senast uppdaterad:
11 juli 2012
Sidansvarig: Kommunikationsavdelningen
Uppdateringar
- Uppdatering av wordmallar 2013-01-31
- Uppdateringar och förtydliganden juni 2012 2012-07-11
- Photoshopmallar för webbplatser i Polopoly 2012-03-05
