Lavhængende designfrugt: hvorfor du skal bruge Google Font Superfamilies

Her er alt hvad du har brug for at vide om skriftsuperfamilier for at få dit næste designprojekt til at skinne

Hvad er en fontfamilie?

Taler vi om Jacksons? Kardashianerne? Brady Bunch? Steve Martins fiktive familie i Billigere af dusinet? Eller kunne vi tale om noget mere tæt forbundet med skrifttyper?

Svar: VI TALKIN ’‘ BOUT FONTS, Y’ALL

En fontfamilie er et sæt skrifttyper (eksempel: merriweather og merriweather sans), der er specielt designet til at se godt sammen. Ligesom en musiker, der spiller separate noter samtidigt for at skabe en melodiøs akkord, opretter typedesignere skrifttypefamilier, der skiller sig ud individuelt, men som også herligt kombinerer for at tilbyde alsidighed i stil og vægt, der gør indholdet på siden mere visuelt tiltalende og lettere at læse.

Tænk på det på denne måde: en superfamilie har en mannequin (underliggende skeletform), der kan klædes i mange forskellige sæt tøj (serif, bredde, vægt, størrelse, kursiv). Resultatet: forpakkede, visuelt sammenhængende skrifttyper, der beder om at blive brugt sammen til dit næste designprojekt. Superfamilier er med andre ord store, saftige æbler, der venter på at blive plukket.

Hvor kom de fra?

De tidligste beviser for superfamilier kommer fra romerske dokumenter helt tilbage i 79 e.Kr. Disse romerske dokumenter indeholdt variationer i størrelsen på tekst for at skabe et visuelt hierarki. Romerne gjorde deres titeltekst større end deres kropstekst, før den var cool.

Foto af Nils på Unsplash

Spol hurtigt frem til 1800-tallet, og der er skrifttyper, der er designet til at være kompatible på tværs af forskellige skriftsprog som latin, græsk og kyrillisk. Dette var nogle af de tidligste prototyper af de superfamilier, vi kender og elsker i dag.

Ved 1900-tallet var der en eksplosion af forskellige sans-serif-skrifttyper og udvidede således mulighederne for variationer i alle superfamilier. I årene frem til 2. verdenskrig (ja, jeg har lige henlagt en WWII-reference i en artikel om typografi ), designede den verdenskendte hollandske typedesigner Jan van Krimpen det første omfattende sæt skrifttyper med iboende kompatibilitet, et projekt kaldet Romulus.

Med sine egne ord satte han sig for ”at skabe en komplet type familie bestående af, til at begynde med, romersk, skrånende romersk, semi-fed og semi-fed kondenseret, mindst fire vægte af sans serif, en scripttype og en sæt græske tegn. ”

Dette var det mest ambitiøse type designprojekt til dato, og selvom han ikke afsluttede det efter krigen, var det begyndelsen på, hvad der nu er almindeligt i typedesign: superfamilien.

GABE. Okay, lad os komme til de gode ting.

Her er 10 Google Font superfamilier, du skal vide om

Vi har drøftet, hvad de er, hvor de kommer fra, og hvorfor du skal bruge dem. Lad os nu se nogle virkelige superfamilier i aktion. Her er nogle gode par fra Google Fonts superfamilier, der kan bruges til dit næste designprojekt!

1) Quattrocento og Quattrocento Sans

Designet af Impallari Type

2) Roboto kondenseret og Roboto

Designet af Christian Robertson

3) Roboto Mono og Roboto

Designet af Christian Robertson

4) PT Sans og PT Serif

Designet af ParaType

5) Oxygen Mono og Oxygen

Designet af Vernon Adams

6) Source Sans Pro og Source Serif Pro

Designet af Paul D. Hunt (Sans) og Frank Grießhammer (Serif)

7) Josefin Slab og Josefin Sans

Designet af Santiago Orozco

8) Koder Sans Semi-kondenseret og Koder Sans

Designet af Impallari Type

9) Alegreya og Alegreya Sans

Designet af Huerta Tipográfica (Alegreya) & Juan Pablo del Peral (Aleygra Sans)

10) Montserrat og Montserrat alternates

Designet af Julieta Ulanovsky

Afsked ord

At finde et smukt fontpar til dit næste projekt behøver ikke være stressende, omhyggeligt, tidskrævende eller vanskeligt. Superfamilier er designet til at se smukke ud sammen og skabe visuel harmoni på din webside. Lær at kende og elske dem, og du vil være en god designer på ingen tid!

Sørg for at tjekke Font Pair, hvor vi hjælper dig med at parre Google-skrifttyper sammen og har nogle fantastiske font superfamily-forslag til dit næste projekt!

Ekstra læsning

Her er nogle flere ressourcer om superfamilier, hvis du er interesseret:

  • Adobe Typekit-blog - Typeundersøgelse: Parring af skrifttyper
  • FontLabVideos - Foredrag med font Superfamilies med Sumner Stone
  • Fonts.com - Superfamilier
  • Google - Superfamilies
  • Wikipedia - Font Superfamily
  • Romulus Designs af Jan van Krimpen

Tak til Hayden og Emma for al hjælp med denne artikel.

Du er velkommen til at kommentere nedenfor eller række ud til mig på Twitter!