Figtree

Figtree uitproberen

Gewichten en stijlen

• Light 300Figtree Light Light Italic
• Regular 400Figtree Regular Cursief
• Medium 500Figtree Medium Medium Italic
• SemiBold 600Figtree SemiBold SemiBold Italic
• Bold 700Figtree Bold Bold Italic
• ExtraBold 800Figtree ExtraBold ExtraBold Italic
• Black 900Figtree Black Black Italic

Figtree is een variabel font: de download bevat het hele gewichtsbereik in één bestand per stijl, en de benoemde gewichten hierboven zijn posities binnen dat bereik.

Over Figtree

Figtree is een geometrische sans serif, gemaakt voor web- en mobiele toepassingen. Het specimen toont bijna ronde buiken, een g met één verdieping, een t met gebogen voet, een gelijkmatige lijn en een hoge onderkast; in de zwaardere gewichten blijven de binnenruimtes rond en open. De officiële toelichting noemt de tekstgewichten scherp en de hoofdletters sterk genoeg voor knoppen en korte labels, terwijl de dikkere gewichten voor koppen een vriendelijker karakter krijgen. Figtree is een variabel font met een gewichtsas van 300 tot 900 en zeven benoemde gewichten, van Light tot Black. In november 2022 kwamen er cursieven bij, waarmee de familie op 14 stijlen in twee bestanden uitkomt. Elk font bevat 458 glyphs voor Latin en Latin Extended. Erik Kennedy is de ontwerper; de familie kwam in 2022 bij Google Fonts, onder de SIL Open Font License 1.1.

Waar Figtree goed werkt

Knoppen en korte labels

Hoofdletters houden hun kracht in tekst die geheel in hoofdletters staat, een toepassing die de ontwerptoelichting direct noemt.

Tekst in mobiele apps

Een gelijkmatige lijn en hoge onderkast houden kleine interfacetekst duidelijk op telefoonschermen.

Marketingkoppen

ExtraBold en Black worden ronder en vriendelijker, wat past bij toegankelijke merken.

Onboarding- en helptekst

Light, Regular en Medium met cursieven dekken alinea’s, hints en nadruk.

Designsystemen

Zeven gewichten uit één variabel bestand houden een componentenbibliotheek bij één familie.

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

Tekensets in de bestanden: 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 Figtree

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

Figtree 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: "Figtree";
  src: url("/assets/fonts/Figtree-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("/assets/fonts/Figtree-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

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

Of laad het vanaf de officiële bron. Google Fonts levert Figtree 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=Figtree:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">

Goed om te weten

Begint bij Light 300

De as loopt van 300 tot 900; Thin en ExtraLight bestaan niet.

Cursieven kwamen later

De cursieve stijl is in november 2022 toegevoegd, dus oudere kopieën van de familie hebben hem mogelijk niet.

Alleen Latin

De 458 glyphs dekken Latin en Latin Extended, zonder subset voor Cyrillisch, Grieks of Vietnamees.

Veelgestelde vragen

Collecties met Figtree

• Heldere schreefloze fonts voor app-interfaces

  Schreefloze fontfamilies met een open licentie die duidelijk blijven in knoppen, menu’s, tabellen en instellingenschermen, met de gewichten die een interface nodig heeft.

• Geometrische schreefloze fonts

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

• 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.

Vergelijkbare fonts

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