Fete skrifttyper til plakater, bilder og overskrifter

Fete skrifttyper har tykke streker, vanligvis med vekt fra 700 (bold) til 900 (black). De passer når tekst må leses raskt: plakater du passerer, YouTube-miniatyrbilder som bare er noen centimeter brede, og salgsoverskrifter i en travel strøm av innlegg. Gode gratis alternativer på Google Fonts er Anton og Bebas Neue for smal, slagkraftig skrift, Archivo Black og Rubik Black for kraftige grotesker, Unbounded for brede overskrifter og Alfa Slab One for kraftig blokkantikva. Velg ut fra formatet først. En skrifttype som fungerer på en plakat, kan bli utydelig i et miniatyrbilde.

Hva tallene for skriftvekt betyr

Skriftvekter følger en tallskala fra 100 til 900. De fleste skriftfamilier gir dem navn, mens CSS bruker tallene direkte. Bold er teknisk sett 700, men til plakater og miniatyrbilder trenger du ofte 800 eller 900.

Gratis fete skrifttyper til ulike oppgaver

To ting å merke seg. Bebas Neue har bare store bokstaver og passer derfor til korte linjer, ikke setninger. Unbounded er en variabel font fra light til black, slik at du kan velge nøyaktig hvor kraftig skriften skal være. De brede bokstavene lar to eller tre ord fylle en hel plakat.

Fete skrifttyper til plakater

En plakat leses på få sekunder fra andre siden av et rom eller en gate. Overskriften bør være lesbar fra avstanden folk passerer på, og fyller derfor ofte en stor del av bredden. En A3-plakat ved 300 dpi er 3508×4961 piksler. En overskrift med tre eller fire ord i black-vekt kan godt ta en tredjedel av høyden. Plakatdesign forklarer oppsett og hierarki.

Fete skrifttyper til YouTube-miniatyrbilder

Miniatyrbilder lages i 1280×720, men vises ofte i en brøkdel av størrelsen i et sidefelt eller på en telefon. Det er en svært krevende prøve for tekst. Bruk black-vekt, hold deg til tre til fem ord og velg smale skrifttyper når ordene er lange. Hold hjørnet nederst til høyre fritt, fordi YouTube viser videolengden der. Tekst i miniatyrbilder og design av YouTube-miniatyrbilder går grundigere inn på dette.

Slik gjør du fet skrift lesbar

Kraftige bokstaver har små innvendige åpninger, som i a, e og o. Når du gjør bokstavene mindre, kan åpningene gro igjen og ordet bli en mørk klump. Løsningen handler mer om avstand og kontrast enn om størrelse.

Bokstavutforming kan gi skriften enda større nærvær. En kontur, en innvendig linje eller en forsiktig ekstrudering gir et fett ord dybde uten slagskygge. Konturtekst viser hvordan. I Gradiently finnes behandlingene Kontur, Innlinje, Uttrekk og Dobbel i tekstverktøyene. Marken bak ordene demper de mest urolige detaljene og gjør fargen mørkere eller lysere nær bokstavene, slik at kraftig skrift holder seg tydelig på en fargerik bakgrunn.

Fete skrifttyper i CSS

Ber du nettleseren om en vekt som fontfilen ikke inneholder, kan den forsøke å lage den ved å tykne konturene. Det ser ofte ujevnt og utsmurt ut. Last inn den ekte vekten og slå av syntetisk fet skrift, slik at du oppdager når den mangler.

@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600&display=swap");

h1 {
  font-family: "Archivo Black", "Arial Black", sans-serif;
  font-weight: 400;          /* Archivo Black has one weight, already heavy */
  font-synthesis: none;      /* never fake bold or italic */
  line-height: 1;
  letter-spacing: -0.01em;
}

.label {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;    /* small bold text needs a little air */
}

Les mer om hvordan du velger uttrykk til stor tekst i skrifttyper til overskrifter og displayfonter.