Kombinera typsnitt är en av de mest utmanande färdigheterna för en designer att behärska. Att ställa in två teckensnitt tillsammans i samma design bringar ut oväntade smaker i dem båda. Det är dessutom sällan ett rätt eller fel svar.

Det finns dussintals olika sätt att kombinera teckensnitt, några mer användbara än andra, men den mest praktiska platsen att börja är att förstå varje typsnitt och fokusera på dess egenskaper.

Hur många teckensnitt är för många teckensnitt?

Du behöver sällan mer än en typsnitt. En är nästan alltid tillräcklig för att skapa en hierarki och förmedla ditt budskap.

I praktiken är singelfiguren design sällsynt, bara för att de flesta mönster har en logotyp, och de flesta logotyper innehåller text, och en typsnitt som används för en logotyp kommer förmodligen inte att fungera för kroppstext. Det finns en tumregel som säger att du inte ska använda mer än tre tecken i en enda design, eftersom logotypen använder en (eller två!) Tecken, är du förmodligen begränsad till två ansikten.

Normalt, för att våra rubriker ska sticka ut när sidan skannas använder vi en typsnitt för kroppstext och en för visning. Du kan dock göra rubrikerna utseendet genom att använda en djärv variant eller en accentfärg, du behöver inte nödvändigtvis en extra typsnitt för detta.

Fontfiler tenderar att klocka in på omkring 65kb, om du använder kursiv och viktvarianter så är det nästan 200kb nedladdning som läggs till på din webbplats. Vad som är värre är de ytterligare http-förfrågningarna som görs till servern.

Så svaret är, ju färre typsnitt är desto bättre. Varje typsnitt måste tjäna sin hållning, om du inte har en bra anledning att använda det, gör det inte.

Så här väljer du en praktisk typsnitt

Ofta tas ditt ursprungliga typsnitt ur dina händer; företag anger ofta en typsnitt, eller till och med en uppsättning typsnitt, som en del av deras varumärkesriktlinjer. Ibland hittar du ett jobb som har specifika krav, till exempel ett begränsat rum som kan kräva ett kondenserat ansikte, eller mycket juridisk text som kan kräva ett ansikte som är mycket läsbart i små storlekar. Om du befinner dig med en helt tom sida, med obegränsade alternativ, är det naturliga stället att starta den största andelen text, och det är förmodligen din kroppskopia.

När du väljer en typsnitt för kroppstext bör din primära fråga vara läsbarhet. Oroa dig inte med personligheten i detta skede.

Jag är av tankegruppen som tror att du är bättre på att behärska några tecken som du vet väl och kan lita på, än att uppfinna hjulet med varje design. Så jag förespråkar att ha några tillförlitliga val som du kan ringa på. Mina nuvarande go-to-typsnitt för kroppstext (på Google-teckensnitt) är Droid Sans , Noto Serif , och Stuga .

Så här väljer du en personlighetstyp

Här är var hantverket kommer in ...

Att välja din första typsnitt för läsbarhet är vanligtvis ett fall att hämta ett pålitligt verktyg, som en konstnär som plockar upp en 2B-penna. Men när du väljer en andra typsnitt finns det två saker att tänka på:

För det första är ditt andra typsnitt inte valt för praktiskt, men för personlighet. Och det är viktigt att förstå att det inte bara är valt för sin egen personlighet, den andra typsnitten utreder personligheten hos den första. Alla teckensnitt har en personlighet av något slag, de flesta har många egenskaper, till exempel känner sig vänliga eller ergonomiska eller stoiska. Om två ansikten delar samma egenskap, då kombineras karaktäristiken multipliceras.

fira-Merriweather

Fira Sans och Merriweather

För det andra måste din andra typsnitt se ut som om den är avsedd att arbeta med den första, för att skapa en konsekvent röst. Leta efter ansikten med liknande proportioner: Formen på räknarna borde vara lika, förhållandet mellan x-höjden och uppstigningen ska likna.

Med dessa två bekymmer i åtanke har du tre alternativ för att välja en andra typsnitt:

Alternativ 1: Den säkra insatsen

Många teckensnitt är utformade med en companion serif eller sans-serif - Scala Sans har Scala Serif, Meta har Meta Serif. Min favorit kaross typsnitt för tillfället, Droid Sans, har Droid Serif .

Värdet av att kombinera följefonter är att de grundläggande bokstavsformerna vanligen är identiska. Graden av kontrast är minimal, men tillräcklig för att motivera den extra http-förfrågan.

Om du inte är övertygad om din förmåga att blanda typsnitt, så är detta ett riktigt pålitligt alternativ.

droid-droid

Companion typsnitt Droid Sans och Droid Serif

Alternativ 2: Kontrast av en egenskap

Om du har valt ett mycket läsbart kropps ansikte, kanske du kan välja ett visningsyta som inte är det. Om du har valt ett geometriskt kropps ansikte, överväg ett humanistiskt visnings ansikte. Om ditt ansikte är varmt och inbjudande, prova ett visst ansikte som är starkt och avskilt.

Noto Serif har fina runda räknare (mellanslag i bokstäver som 'c' och 'o') och fästena på serifs är lika fina och runda. Det är öppet och vänligt, det känns tryggt och samtida, med lite uttrycksfulla flair. För att kontrast med det kan du välja ett typsnitt som Questa Sans . Questa Sans är också samtida, även självsäker, avrundad. Men Questa Sans har inte uttrycksfulla flair, det är mycket mer materia-of-fact.

Noto-questa

Typsnitt med kontrasterande känsla, Noto Serif och Questa Sans

Alternativ 3: Kontraststilar

Även om det är möjligt att kontrastera en enda egenskap, kan du också ta motsatt inställning och kontrastera alla egenskaper men en.

Sättet att göra detta är att identifiera huvudpersonen i din första typsnitt, och hitta sedan en sekund som bara delar den egenskapen. Detta är överlägset den mest utmanande tillvägagångssättet, eftersom så mycket här är subjektivt, men det kan också vara det alternativ som producerar de mest överraskande och behagliga kombinationerna.

Stugan är en enkel sans-serif, med mycket liten kontrast. Det handlar om så nära en geometrisk sans-serif (vilket betyder en typsnitt konstruerad matematiskt) som jag är bekväm att gå för ett kroppsansikte. Det är inte akademiskt alls, och det är inte så mediavänligt, men det är ett mycket framgångsrikt företagandeansikte.

För att kontrastera med Cabin, kan du välja ett typsnitt som Buenard . Buenard är lika företagande, det har liknande proportioner till Cabin, men dess mer traditionella former tjänar till att betona Cabins geometri.

cabin-buenard

Typsnitt med kontrastformer, Stuga och Buenard

Slutsats

Olika typsnitt, i olika proportioner, ritar ut olika smaker i dina mönster. Som med många saker är fasthållning ofta tillrådligt eftersom kombinationen av teckensnitt är en exponentiellt komplicerad process.

Hur du väljer att kombinera teckensnitt spelar ingen roll, vad räknas är slutresultatet. Men det är när du tar risker och letar efter oväntade parningar, att du kommer att upptäcka de mest tillfredsställande resultaten.