Fetstilta typsnitt för affischer, miniatyrer och rubriker

Fetstilta typsnitt är teckensnitt med tjocka streck, vanligen i vikter från 700 (fet) till 900 (svart), och de är rätt val när text ska läsas snabbt: affischer man ser i förbifarten, YouTube-miniatyrer några centimeter breda, reasrubriker i ett stökigt flöde. Bra gratisalternativ på Google Fonts är Anton och Bebas Neue för smal slagkraft, Archivo Black och Rubik Black för tunga grotesker, Unbounded för breda rubriker och Alfa Slab One för kraftiga slabserifer. Välj efter format först, för ett snitt som fungerar på en affisch kan sätta igen på en miniatyr.

Vad vikttalen betyder

Typsnittsvikter går på en numerisk skala från 100 till 900. De flesta familjer betecknar dem med namn, och CSS använder talen direkt. Fet är tekniskt 700, men för affischer och miniatyrer vill du ofta ha 800 eller 900.

Gratis fetstilta typsnitt efter uppgift

Två anmärkningar. Bebas Neue har bara versaler, så den är till korta rader, inte meningar. Unbounded är ett variabelt typsnitt som går från lätt till svart, så du kan välja exakt den tyngd du vill ha, och dess breda bokstäver får två eller tre ord att fylla en hel affisch.

Fetstilta typsnitt för affischer

En affisch läses från andra sidan ett rum eller en gata på några sekunder. Rubriken ska gå att läsa på det avstånd folk passerar den, vilket oftast betyder att den fyller en stor andel av bredden. En A3-affisch vid 300 dpi är 3508×4961 pixlar. En rubrik på tre eller fyra ord i svart vikt kan bekvämt ta upp en tredjedel av höjden. Affischdesign tar upp layout och hierarki.

Fetstilta typsnitt för YouTube-miniatyrer

Miniatyrer designas i 1280×720 men ses ofta i en bråkdel av det, i ett sidofält eller på en telefon. Det är det hårdaste test som finns för text. Använd en svart vikt, håll dig till tre till fem ord och föredra smala snitt när orden är långa. Lämna nedre högra hörnet fritt, eftersom YouTube placerar videons längd där. Text i miniatyrer och design av YouTube-miniatyrer går djupare.

Så blir fet text läsbar

Tunga bokstäver har små inre hålrum, som i a, e och o. I små storlekar kan de täppas till, så ett fett ord blir en mörk klump. Lösningarna handlar mer om avstånd och kontrast än om storlek.

Bokstavseffekter kan ge ännu mer närvaro. En kontur, en innerlinje eller en mild extrudering ger ett fett ord djup utan en skugga. Konturtext visar hur. I Gradiently finns bokstavsbehandlingarna Kontur, Innerlinje, Extrudering och Dubbel inbyggda i textverktygen, och Marken bakom orden tonar ned sina mest framträdande detaljer och fördjupar eller lyfter färgen nära bokstäverna, så att tung text förblir skarp på en levande bakgrund.

Fetstilta typsnitt i CSS

Om du ber en webbläsare om en vikt som typsnittsfilen inte innehåller kan den fejka en genom att förtjocka konturerna, vilket ser smetigt och ojämnt ut. Ladda den verkliga vikten och stäng av syntetisk fetstil så att du märker när den saknas.

@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 */
}

För fler råd om att välja uttryck för stor text, läs rubriktypsnitt och displaytypsnitt.