Allan Day
aday@gnome.org
William Jon McCann
Typsnittsstorlekar, vikter och stilar samt specialtecken.
Anders Jonsson
anders.jonsson@norsjovallen.se 2015, 2018
Sebastian Rasmussen
sebras@gmail.com 2017, 2018

# Typografi

Text är en väsentlig del av alla användargränssnitt. Textstorlek, positionering och vikt bidrar alla till möjligheten för texten att förmedla information effektivt, och spelar också en viktig roll i att skapa ett vackert utseende.

# Standardtypsnitt

Där det är möjligt, använd systemets standardtypsnitt som erbjuds av distributionen eller operativsystemet under vilket ditt program körs. I GNOME 3 är standardtypsnittet Cantarell som från början designades och utvecklades av David Crossland.

# Varianter, storlekar och vikter

Olika textvikter och färger kan och bör användas för att särskilja olika typer av information. Samtidigt kan allt för många varianter, storlekar och vikter göra text svårare att läsa och är inte ett effektivt eller elegant sätt att förmedla information. Ansträng dig för att minimera antalet typsnittsvarianter, storlekar och vikter.

Använd mindre och/eller ljusare text för mindre viktig information och tjockare/mörkare text för att dra uppmärksamhet till viktig text.

Undvik att använda kursiva eller lutande typsnitt då dessa visuellt är mer komplexa och kan vara distraherande.

Använd aldrig versaler för varje bokstav i ett ord eller en mening. Att skrika på dina användare är inte snällt.

Använd inte grafiska bakgrunder eller ”vattenmärken” bakom text. Dessa stör kontrasten mellan texten och dess bakgrund.

# Dra nytta av Unicode

Unicode erbjuder ett stort antal tecken som, när de används korrekt, dramatiskt kan förbättra intrycket av ett program. Några av exemplen nedan är för engelska skrivregler och skiljer sig antingen från de svenska, eller så är de inte relevanta för svenska förhållanden. I dessa fall har exempeltexten fått kvarstå på engelska. Följande Unicode-tecken rekommenderas:

Användning | Felaktig | Korrekt | Unicode att använda
--- | --- | --- | ---
Citat | "quote" | “quote” | U+201C LEFT DOUBLE QUOTATION MARK, U+201D RIGHT DOUBLE QUOTATION MARK
Tid | 4:20 | 4∶20 | U+2236 RATIO
Multiplikation | 1024x768 | 1024×768 | U+00D7 MULTIPLICATION SIGN
Ellips | Introducerar... | Introducerar… | U+2026 HORIZONTAL ELLIPSIS
Apostrof | The user's preferences | The user’s preferences | U+2019 RIGHT SINGLE QUOTATION MARK
Punktlista | - Ett\n- Två\n- Tre | • Ett\n • Två\n • Tre | U+2022 BULLET
Intervall | Juni-Juli 1967 | Juni–Juli 1967 | U+2013 EN DASH