Poppins

Poppins uitproberen

Gewichten en stijlen

• Thin 100Poppins Thin Thin Italic
• ExtraLight 200Poppins ExtraLight ExtraLight Italic
• Light 300Poppins Light Light Italic
• Regular 400Poppins Regular Cursief
• Medium 500Poppins Medium Medium Italic
• SemiBold 600Poppins SemiBold SemiBold Italic
• Bold 700Poppins Bold Bold Italic
• ExtraBold 800Poppins ExtraBold ExtraBold Italic
• Black 900Poppins Black Black Italic

Over Poppins

Poppins is een geometrische sans serif waarin zowel de Latijnse als de Devanagari-letters zijn opgebouwd uit eenvoudige vormen, vooral cirkels. De lijnen hebben bijna overal dezelfde dikte, met kleine optische correcties bij de aansluitingen, zodat tekst een gelijkmatige tekstkleur houdt. De x-hoogte van de Latin is hoog en de hoofdletters zijn korter dan de stokken, waarvan de hoogte overeenkomt met die van de Devanagari-basistekens. Indian Type Foundry ontwikkelde het project: Ninad Kale tekende de eerste Devanagari en Jonny Pinhorn de eerste Latin, waarna het team van de studio het ontwerp verfijnde en uitbreidde met meer gewichten en cursieven. De familie telt nu negen gewichten van Thin tot Black met cursieven, 18 statische stijlen, en 1.059 glyphs in de subsets devanagari, latin en latin-ext. Poppins heeft de SIL Open Font License 1.1.

Waar Poppins goed werkt

Huisstijlen

Ronde buiken en negen gewichten geven een logo, de koppen en de kleine lettertjes één samenhangende, geometrische stem.

Websites en apps

Door de hoge x-hoogte blijven navigatie, knoppen en kaarttitels op interfaceformaten leesbaar.

Tweetalige opmaak in Latin en Devanagari

Beide schriften zijn op dezelfde geometrie getekend en qua hoogte op elkaar afgestemd, dus gemengde regels zien er gelijkmatig uit.

Presentatiedia’s

Gewichten van Thin 100 tot Black 900 zorgen voor duidelijk contrast tussen titel, cijfer en voetnoot.

Korte marketingteksten

Regular en Medium met hun cursieven werken voor inleidingen, bijschriften en citaten.

Glyphs

Taalondersteuning

De familie bevat de basisletters waarmee deze talen worden geschreven:

• Engels
• Frans
• Duits
• Spaans
• Portugees
• Italiaans
• Nederlands
• Zweeds
• Noors
• Deens
• Fins
• IJslands
• Catalaans
• Turks
• Pools
• Tsjechisch
• Slowaaks
• Hongaars
• Roemeens
• Kroatisch
• Sloveens
• Litouws
• Lets
• Estisch

Schriftsystemen naast het Latijnse waarvoor de familie glyphs heeft: Devanagari. Dit zijn schriften, geen belofte voor elke taal die erin wordt geschreven.

Tekensets in de bestanden: devanagari, latin, latin-ext. De talenlijst is een controle of de benodigde letters in het font zitten, geen belofte over de typografische kwaliteit in elke taal.

Licentie

Fonts die passen bij Poppins

De suggesties volgen uit eenvoudige regels op de gegevens: een contrasterende classificatie en genoeg gewichten voor lopende tekst. Ze zijn een vertrekpunt, geen oordeel.

Poppins op het web gebruiken

Download de familie, zet de bestanden op je eigen site en declareer ze in CSS. Link niet naar de bestanden op trendhub.net: de voorbeeldbestanden hier zijn subsets en hun adressen veranderen.

@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* …and 14 more files in the package, declared the same way */

body {
  font-family: "Poppins", sans-serif;
}

Of laad het vanaf de officiële bron. Google Fonts levert Poppins met deze code:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

Goed om te weten

Statische bestanden, niet variabel

Het pakket bevat 18 losse TTF-bestanden, één voor elk gewicht en cursief. Een variabel font zit er niet bij.

Devanagari hoort bij de familie

De fonts bevatten een Devanagari-tekenset naast Latin en Latin Extended.

Geen Cyrillisch, Grieks of Vietnamees

De dekking stopt bij de subsets devanagari, latin en latin-ext.

Hoofdletters zijn kort

Latijnse hoofdletters zijn lager dan de stokken, doordat de Latijnse verhoudingen op de Devanagari zijn afgestemd.

Veelgestelde vragen

Collecties met Poppins

• Fonts voor presentaties en slides

  Sans serif- en slab serif-families die leesbaar blijven op een beamer of gedeeld scherm, met sterke bolds voor slidetitels.

• Geometrische schreefloze fonts

  Schreefloze families gebouwd op cirkels, rechte lijnen en gelijkmatige lijnen, van ontwerpen geïnspireerd op de jaren twintig tot actuele merklettertypes.

• Fontfamilies met negen gewichten en cursieven

  Complete families van Thin tot Black met een cursief bij elk gewicht: achttien stijlen voor een volledig typografisch systeem.

• Fonts met ondersteuning voor Turks

  Families met een open licentie die elke letter van het Turkse alfabet bevatten, inclusief de i met en zonder punt, in tekst-, display- en schrijfletterstijlen.

• Fonts met ondersteuning voor Devanagari

  Families met een open licentie voor Hindi, Marathi, Nepalees en andere talen in Devanagari, elk met Latijnse letters in dezelfde bestanden.

Vergelijkbare fonts

Andere families in dezelfde classificatie, gesorteerd op gedeelde gebruikstags. Alle fonts in de stijl sans serif