Typsnitt

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

Verdana

Typsnittet 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

Typsnittet 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

Typsnittet 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.

Bokmärk och dela Tipsa

Kontakt

Frågor om visuell identitet
Kontakta Kommunikationsavdelningen
visuellidentitet@su.se

Leverantörer
Se leverantörslistan på Medarbetarwebben

Övrigt
Fler kontaktlänkar

Verktyg för visuell identitet