Välja typsnitt – å, ä, ö och licenser
Av CodexierPublicerad 4 min läsning
Att välja typsnitt känns som en smakfråga, och delvis är det så. Men för ett svenskt varumärke finns praktiska kontroller som avgör om ett typsnitt fungerar över huvud taget: hur det ritar å, ä och ö, om licensen täcker hemsidan och appen, hur tungt det är att ladda och om sättet ni levererar det på skickar besökardata till någon annan. Här går vi igenom varje punkt innan vi kommer till kombinationer och hierarki.
Kontrollera å, ä och ö ordentligt
Nästan alla moderna typsnitt innehåller tekniskt sett å, ä och ö. Frågan är hur väl de är ritade. Leta efter diakritiska tecken som sitter tydligt och i proportion, en ring på Å som inte krockar med raden ovanför i täta rubriker och prickar som går att skilja åt i små storlekar. Skriv ett riktigt stycke med ord som Ängelholm, Östersund, Åre och färdtjänst, och sätt en rubrik i versaler. Kontrollera även andra tecken ni kan behöva, som é i namn och café, och ü eller ø om ni arbetar i hela Norden.
- Testa rubriker i versaler med tätt radavstånd, där Å oftast klipps.
- Jämför brödtext i de storlekar ni faktiskt kommer att använda i mobilen.
- Kontrollera fetstil och kursiv, eftersom vissa familjer ritar tecknen olika i olika vikter.
- Om ni delar upp typsnittet för att minska filstorleken, se till att de svenska tecknen följer med.
Licenser för webb och appar
| Licenstyp | Täcker | Se upp med |
|---|---|---|
| Desktop | Designfiler, tryck, logotyper | Tillåter oftast inte inbäddning på en hemsida |
| Webb | Att leverera typsnittet på era sajter | Begränsas ofta av sidvisningar eller domäner |
| App | Inbäddning i appar för iOS och Android | Är ofta ett separat köp |
| Öppen källkod, till exempel SIL OFL | Webb, appar och tryck utan kostnad | Kvaliteten varierar – testa ändå de svenska tecknen |
Spara licensdokumenten tillsammans med varumärkesfilerna. När en byrå köper licensen, se till att den står på ert företag.
Egen drift eller typsnittstjänst
Att ladda typsnitt från en extern tjänst betyder att varje besökares webbläsare kontaktar tjänsten och skickar sin IP-adress. Europeiska domstolar har funnit att inbäddning av en extern typsnittstjänst utan samtycke kan strida mot GDPR, eftersom IP-adressen är en personuppgift och inget krävde överföringen. Den enkla lösningen är att ladda ner typsnittsfilerna, om licensen tillåter, och leverera dem från er egen domän. Det går oftast snabbare också, eftersom webbläsaren slipper en extra anslutning.
Prestanda och laddning
Bara WOFF2
Alla aktuella webbläsare stöder formatet och det är minst. Äldre format tillför vikt utan nytta.
Få vikter
Varje vikt och stil är en egen fil. Normal, fet och kanske en till räcker oftast, eller ett variabelt typsnitt.
Förladda huvudtypsnittet
Förladda typsnittet för brödtexten så att texten visas i rätt typsnitt direkt.
Rimlig reserv
Använd font-display swap och ett systemtypsnitt med liknande proportioner som reserv, så att layouten inte hoppar.
Kombinationer och hierarki
En familj med flera vikter räcker ofta för ett litet varumärke. Kombinerar ni två, ge dem tydliga uppgifter: en för rubriker med karaktär och en för brödtext som är lätt att läsa i längre stycken. Definiera skalan som tokens – storlekar, vikter och radavstånd för varje rubriknivå och brödtext – så att designers och utvecklare använder samma system. Guiden om huruvida ni behöver ett designsystem förklarar när den strukturen lönar sig.
- Brödtext som är tillräckligt stor i mobilen, med generöst radavstånd.
- Tydliga storlekssteg mellan rubriknivåerna.
- Färg och kontrast som klarar tillgänglighetskraven, som i guiden om varumärkesfärger som klarar kontrastkraven.
- Begränsad radlängd så att stycken förblir läsbara på breda skärmar.
När du inte behöver köpa något: ett väl ritat typsnitt med öppen källkod, som ligger på er egen server och är testat med svensk text, räcker utmärkt för de flesta småföretag. När varumärket spänner över hemsida, app och dokument sätter vårt designsystem och UI-kit typografin som återanvändbara tokens. Se prissidan eller boka ett kort samtal.
Vanliga frågor
Är det olagligt att använda Google Fonts i Sverige?
Att använda typsnitten går bra, många har öppen licens. Risken ligger i att ladda dem från Googles servrar, vilket skickar besökarnas IP-adresser till Google. Att ladda ner filerna och lägga dem på er egen server undviker problemet.
Kan vi använda samma typsnitt i appen som på hemsidan?
Tekniskt ja, men kontrollera licensen. Kommersiella typsnitt kräver ofta en separat applicens. Typsnitt med öppen källkod kan oftast bäddas in i appar utan extra kostnad.
Hur många typsnitt ska ett varumärke ha?
En eller två familjer. Fler familjer ger längre laddtid och visuellt brus. Variation kommer bättre från vikter och storlekar inom samma familj.
Ska vi använda ett systemtypsnitt i stället?
Systemtypsnitt laddas direkt och är lättlästa, och ett bra val för appar och verktyg. För ett varumärke som vill ha en egen röst är ett eget typsnitt i rubriker och systemtypsnitt i brödtext en bra kompromiss.
Kontrollera er typografi
Skicka era nuvarande typsnitt och var de används. På 15 minuter flaggar vi problem med licens, tecken och laddning.
Boka ett kostnadsfritt 15-minuterssamtal