Fede skrifttyper til plakater, thumbnails og overskrifter

Fede skrifttyper er skrifttyper med tykke streger, som regel i vægte fra 700 (fed) til 900 (black), og de er det rigtige valg, når skrift skal læses hurtigt: plakater set i forbifarten, YouTube-thumbnails, der er få centimeter brede, udsalgsoverskrifter i et travlt feed. Gode gratis muligheder på Google Fonts er blandt andet Anton og Bebas Neue til smal slagkraft, Archivo Black og Rubik Black til tunge grotesker, Unbounded til brede overskrifter og Alfa Slab One til kraftige slab-serifer. Vælg efter format først, for en skrifttype, der virker på en plakat, kan klistre sammen på en thumbnail.

Hvad vægttallene betyder

Skriftvægte følger en talskala fra 100 til 900. De fleste familier navngiver dem, og CSS bruger tallene direkte. Fed er teknisk set 700, men til plakater og thumbnails vil du ofte have 800 eller 900.

Gratis fede skrifttyper efter opgave

To ting er værd at vide. Bebas Neue har kun versaler, så den er til korte linjer, ikke sætninger. Unbounded er en variabel skrifttype, der går fra light til black, så du kan vælge præcis den tyngde, du vil have, og dens brede bogstaver får to eller tre ord til at fylde en hel plakat.

Fede skrifttyper til plakater

En plakat læses fra den anden side af et rum eller en gade på få sekunder. Overskriften bør kunne læses på den afstand, folk passerer den på, hvilket som regel betyder, at den fylder en stor del af bredden. En A3-plakat ved 300 dpi er 3508×4961 pixel; en overskrift på tre eller fire ord i black-vægt kan roligt fylde en tredjedel af højden. Plakatdesign dækker layout og hierarki.

Fede skrifttyper til YouTube-thumbnails

Thumbnails designes i 1280×720, men ses ofte i en brøkdel af det, i en sidebar eller på en telefon. Det er den hårdeste test, der findes, for skrift. Brug en black-vægt, hold dig til tre til fem ord, og foretræk smalle skrifttyper, når ordene er lange. Lad nederste højre hjørne være frit, fordi YouTube placerer videoens længde der. Tekst på thumbnails og design af YouTube-thumbnails går dybere.

Sådan gør du fed skrift læselig

Tunge bogstaver har små indre hulrum, som i a, e og o. I små størrelser kan de lukke til, så et fedt ord bliver en mørk klump. Løsningerne handler mere om afstand og kontrast end om størrelse.

Bogstaveffekter kan gøre teksten endnu mere markant. En kontur, en indre linje eller en blid ekstrudering giver et fedt ord dybde uden en slagskygge; konturtekst viser hvordan. I Gradiently er lettering-behandlingerne Kontur, Indre linje, Dybde og Dobbelt indbygget i tekstværktøjerne, og Marken bag ordene dæmper sine mest iøjnefaldende detaljer og gør farven mørkere eller lysere nær bogstaverne, så tung skrift forbliver skarp på en levende baggrund.

Fede skrifttyper i CSS

Hvis du beder en browser om en vægt, som skriftfilen ikke indeholder, kan den simulere en ved at gøre konturerne tykkere, hvilket ser udtværet og ujævnt ud. Indlæs den rigtige vægt, og slå syntetisk fed fra, så du opdager, 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 */
}

Hvis du vil vide mere om at vælge et udtryk til stor skrift, så læs overskriftsskrifttyper og displayskrifttyper.