# Fetstilta typsnitt för affischer, miniatyrer och rubriker [Canonical HTML page](https://gradiently.design/sv/guide/bold-fonts) Fet text är det snabbaste sättet att synas från andra sidan gatan eller i ett flöde. Att välja den tyngsta vikten räcker dock inte. Här är gratis fetstilta typsnitt efter uppgift och detaljerna som håller tunga bokstäver skarpa. ## The short version - Fetstilta typsnitt är teckensnitt ritade i tunga vikter, vanligen 700 till 900, som förblir läsbara på avstånd och i små förhandsvisningar. - Anton, Archivo Black, Bebas Neue, Unbounded och Alfa Slab One är gratis fetstilta typsnitt på Google Fonts. - Smala fetstilta typsnitt rymmer fler bokstäver på en smal yta, medan breda fetstilta typsnitt ger korta ord ett monumentalt uttryck. - Fet text behöver lite extra teckenavstånd i små storlekar och tätare avstånd i mycket stora storlekar. - En äkta fet eller svart vikt ritad av typsnittets formgivare ser alltid bättre ut än en fet stil som programvara fejkat fram. **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. | Tal | Vanligt namn | Där det fungerar | | --- | --- | --- | | 400 | Normal | Brödtext | | 500 | Medium | Gränssnittsetiketter, liten fet text | | 600 | Halvfet | Underrubriker, knappar | | 700 | Fet | Rubriker på skärmar, betoning | | 800 | Extrafet | Rubriker i sociala medier, underrubriker på affischer | | 900 | Svart eller tung | Affischer, miniatyrer, enstaka ord | Alla familjer har inte alla vikter. Kontrollera att den du behöver är en verklig, ritad vikt innan du bestämmer dig. ## Gratis fetstilta typsnitt efter uppgift | Uppgift | Google Fonts | Varför | | --- | --- | --- | | Miniatyrer och långa ord på trång yta | Anton, Bebas Neue, Oswald Bold, Barlow Condensed Black | Smala: fler bokstäver ryms i större storlek | | Affischer med tre eller fyra ord | Archivo Black, Rubik Black, Inter Black, Poppins Black | Solida grotesker som förblir tydliga på avstånd | | Korta ord som ska kännas enorma | Unbounded, Dela Gothic One, Bowlby One | Breda och tunga, mycket lite vitt inuti bokstäverna | | Retro och skyltar | Alfa Slab One, Bungee, Ultra | Slabserifer och handmålade skyltformer | | Vänligt och lekfullt | Lilita One, Titan One, Fredoka Bold | Rundade hörn mjukar upp tyngden | | Fetstil med modekänsla | Abril Fatface, Playfair Display Black | Tunga Didone-serifer med dramatisk kontrast | Alla gratis under öppna licenser på Google Fonts. Para vilken som helst med en sans i normal vikt för stödtext. 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](https://gradiently.design/sv/guide/poster-design) tar upp layout och hierarki. En A3-spelningsaffisch med LIVE PÅ THE DOCKS i tunga smala versaler över en mörk gradient En A3-affisch för en spelning. Sätt rubriken i ett tungt smalt snitt, dimensionerat för att läsas från andra sidan gatan. En YouTube-miniatyr med den feta rubriken Jag testade det i 30 dagar till vänster över en levande gradient En YouTube-miniatyr i 1280×720: fyra eller fem feta ord, vänsterställda, med plats till höger för ett ansikte eller ett föremål. ## 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](https://gradiently.design/sv/guide/typography-for-thumbnails) och [design av YouTube-miniatyrer](https://gradiently.design/sv/guide/youtube-thumbnail-design) 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. ### Undvik - Svart vikt i pyttesmå storlekar utan teckenavstånd - Fejkad fetstil gjord med en knapp i programvaran - Fet text på en stökig, lika högljudd bakgrund - Varje ord på affischen i svart vikt - Tunga bokstäver trängda mot kanterna ### Gör - Öppna avståndet något när fet text är liten - En äkta 800- eller 900-vikt från familjen - En lugn yta med tydlig kontrast bakom rubriken - Fet till rubriken, normal till detaljerna - Generösa marginaler runt tunga bokstäver Bokstavseffekter kan ge ännu mer närvaro. En kontur, en innerlinje eller en mild extrudering ger ett fett ord djup utan en skugga. [Konturtext](https://gradiently.design/sv/guide/outline-text) 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. ```css @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 */ } ``` Displaytypsnitt med en enda vikt som Archivo Black registreras som vikt 400, så be om 400, inte 900. För fler råd om att välja uttryck för stor text, läs [rubriktypsnitt](https://gradiently.design/sv/guide/headline-fonts) och [displaytypsnitt](https://gradiently.design/sv/guide/display-fonts). ## FAQ ### Vilket är det fetaste gratistypsnittet? Det finns ingen officiell rangordning, men Archivo Black, Dela Gothic One, Bowlby One och Unbounded i svart vikt hör till de tyngsta gratistypsnitten på Google Fonts. ### Vilken typsnittsvikt är fet? Fet är vikt 700. Extrafet är 800 och svart eller tung är 900. ### Vilket är det bästa feta typsnittet för YouTube-miniatyrer? Smala tunga snitt som Anton eller Bebas Neue rymmer långa ord, medan Archivo Black eller Rubik Black passar korta. Håll dig till tre till fem ord. ### Varför ser min feta text suddig ut när den är liten? Tunga bokstäver har små inre ytor som fylls igen i små storlekar. Lägg till lite teckenavstånd, använd en något lättare vikt eller gör texten större. ### Vad är fejkad fetstil? En fetstil som programvara skapar genom att förtjocka en normal vikt. Den ser utsmetad och ojämn ut. Använd en äkta fet vikt från typsnittsfamiljen i stället.