Gå till innehåll

Typografi

En tumregel är att använda tre typsnitt för en hemsida. Ett primärt typsnitt, ett sekundärt typsnitt och en accent (tertiärt typsnitt). Det primära typsnittet bör vara mer dominerande och visas mest på webbplatsen. Det används därför i rubriker.

Det sekundära typsnittet används i skrivet innehåll (brödtext); det sekundära teckensnittet ska vara lättläst och täcka styckena, bloggartiklar och mera.

Accenttypsnittet kan användas för speciella ändamål som navigeringsmeny och så kallade "Call To Actions".

Syfte med att välja typsnitt för webbplatsen:

  • Lyfta hemsidans design, estetik och läsbarhet.
  • Förbättra upplevelsen av webbplatsen

Serif eller Sans-Serif?

Det finns två typer av typsnitt. De med serif och de utan (sans) serif. Serif är de små taggarna som ofta finns på typsnitt som finns på fysiskt papper. Alla är vi bekanta med Times New Roman exempelvis som ofta pryder akademiska texter och tidningar.

Ett vanligt användningsområde är att använda ”Serif”-typsnitt i titlar och sedan uteslutande sans-serif typsnitt i brödtexten. Det viktiga här är att veta att ”Serif”-typsnitt inte ska användas i brödtext då det försvårar läsvänligheten märkbart.

Rubrik – R1, R2, R3 och R4

Rubriker har olika nivåer. Det är rimligt beroende på hur en texts disposition är planerad. Rubriker bör ha en viss tyngd i sin stil och på så sätt markera en åtskillnad från övrig text.

Roboto

På webb använder Vårgårda kommun typsnittet Roboto som primärt typsnitt. Sans serif, kan användas med alla andra, hög läsbarhet, Många valmöjligheter, bra för mobil, ren och modern.

Roboto har en dubbelnatur. Den har ett mekaniskt skelett och formerna är till stor del geometriska. Samtidigt har typsnittet vänliga och öppna kurvor. Medan vissa grotesker förvränger sina bokstavsformer för att tvinga fram en stel rytm, kompromissar inte Roboto, utan tillåter bokstäver att placeras i sin naturliga bredd. Detta ger en mer naturlig läsrytm.

Roboto typsnitt

Open Sans - Vårgårda kommuns primärtypsnitt

Primärt typsnitt Open Sans

Open Sans

Open Sans är ett sans-serif-typsnitt som kännetecknas av sin neutralitet, höga läsbarhet och mångsidiga användbarhet. Det designades av Steve Matteson och lanserades av Google som ett öppet typsnitt, vilket innebär att det är fritt att använda för både digitala och tryckta medier. Den rena och moderna formen utan klackar gör att typsnittet fungerar väl i många olika sammanhang, från webbplatser och mobilappar till trycksaker och företagsmaterial.

En av de mest utmärkande egenskaperna hos Open Sans är dess öppna och luftiga bokstavsformer, som bidrar till att texten förblir tydlig även i små storlekar. Den höga x-höjden – det vill säga höjden på gemener som “x” och “e” – gör att texten blir lättare att läsa på skärm. Med sin låga kontrast i linjetjocklek ger typsnittet ett jämnt och stabilt intryck, vilket förstärker dess professionella men tillgängliga karaktär.

Trots sin enkelhet upplevs Open Sans aldrig som stel eller kall. Det är just denna balans mellan funktion och personlighet som gör det till ett så populärt val, särskilt inom digital design där användarvänlighet är avgörande. Typsnittet finns dessutom i flera vikter och stilar, inklusive kursiver, vilket gör det lätt att använda för allt från rubriker till längre brödtext.

Sammanfattningsvis är Open Sans ett samtida typsnitt som förenar modern design med praktisk funktion. Dess tydliga och öppna former gör det till ett självklart val i många visuella sammanhang där läsbarhet, neutralitet och tillgänglighet står i fokus.

Brödtext

Huvuddelen av en text, skriven med vanlig stil. Alltså inte rubriker, mellan­rubriker, ingress eller fot­noter, utan det som är av­sett att läsas som löpande text eller löptext. Be­nämningen bröd­text kom­mer av att det var den texten som typo­graferna tjänade sin bröd­föda på, eftersom de fick betalt per rad. Ibland kallas det också för löpande text. På engelska brukar brödtext kallas för ”body text”.

Cambria - Brödtext primärt typsnitt

Cambria Tyspnitt

Cambria

Cambria är ett serif-typsnitt som utvecklades av Microsoft, designat av Jelle Bosma, med hjälp av Steve Matteson och Robin Nicholas. Det togs fram som en del av ClearType Font Collection – en typsnittsserie skapad för att vara lättläst på skärm, särskilt i mindre textstorlekar och i digitala dokument. Cambria är därför optimerat för att fungera väl både i tryck och på skärm, med fokus på skarp läsbarhet även i låg upplösning.

Till skillnad från mer dekorativa serif-typsnitt har Cambria en robust, modern och balanserad form. Dess seriffer – de små ”fötterna” i bokstavsformerna – är kraftiga men inte överdrivna, vilket bidrar till ett tydligt och stabilt uttryck. Bokstäverna är proportionellt utformade med goda mellanrum och generös x-höjd, vilket gör texten luftig och lätt att läsa i längre stycken. Det är därför ofta använt i akademiska texter, rapporter och affärsdokument.

Cambria utmärker sig också genom att vara väl anpassat för brödtext snarare än rubriker. Dess formgivning är mer inriktad på funktion än på stil, vilket gör det till ett diskret men pålitligt val i sammanhang där tydlighet och struktur är viktigare än ett uttrycksfullt formspråk.

Sammanfattningsvis är Cambria ett klassiskt serif-typsnitt med en modern twist, framtaget för att ge optimal läsbarhet i digitala miljöer. Det förenar tradition med teknik och används ofta i formella, texttunga sammanhang där struktur och läsbarhet är avgörande.

Montserrat

I löpande text (brödtext) använder Vårgårda kommun Montserrat på webbplatsen. Det är valt sekundärt typsnitt. Det är ett populärt geometriskt sans-teckensnitt som är rent och ”modelligt”. Den har ett distinkt utseende och fungerar i alla storlekar.

Montserrat är ett typsnitt som skapades av designern Julieta Ulanovsky 2010-2011. Som ordet antyder, inspirerades det av den lilla stadsdelen Montserrat, dessutom har typsnittet också en viss tendens till typografiska affischer från 20-talet.

Typsnittskarta Montserrat

Kontakt

Vårgårda kommun

Kungsgatan 45, 447 80 Vårgårda

Öppettider

Måndag-torsdag: 8.00-16.30

Fredag: 8.00-15.00

Dag före helgdag stänger växel 12.00

Sidinformation

Publicerad: 2025-06-19
Senast uppdaterad: 2025-06-19
Sidansvarig: Pontus Lilja