Hubot Sans

Hubot Sans uitproberen

Gewichten en stijlen

• ExtraLight 200Hubot Sans ExtraLight ExtraLight Italic
• Light 300Hubot Sans Light Light Italic
• Regular 400Hubot Sans Regular Cursief
• Medium 500Hubot Sans Medium Medium Italic
• SemiBold 600Hubot Sans SemiBold SemiBold Italic
• Bold 700Hubot Sans Bold Bold Italic
• ExtraBold 800Hubot Sans ExtraBold ExtraBold Italic
• Black 900Hubot Sans Black Black Italic

Hubot Sans 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 Hubot Sans

Hubot Sans is een sans-seriffamilie die is opgebouwd rond twee variabele assen: gewicht, van 200 tot 900, en breedte, van 75 tot 125. Bij de standaardbreedte toont het specimen brede, open letters met gelijkmatige lijnen, een a met één verdieping, een hoofdletter I met boven- en onderbalk en een nul die met een streep door het midden is gemarkeerd, details die gelijkende tekens uit elkaar houden. De acht benoemde gewichten lopen van ExtraLight tot Black, elk met een cursief, samen 16 stijlen; rechtopstaand en cursief komen als aparte variabele bestanden. De 736 glyphs dekken Latin, Latin Extended en Vietnamees. Het font noemt GitHub, Inc. als fabrikant. De vermelding verschilt per bron: de catalogus noemt Tobias Bjerrome Ahlin, GitHub, Degarism Studio en Sebastian Carewe, terwijl de naamtabel Deni Anggara noemt. De licentie is de SIL Open Font License 1.1.

Waar Hubot Sans goed werkt

Branding voor developerproducten

Een hoofdletter I met balken en een gemarkeerde nul geven koppen een technisch accent terwijl de letters proportioneel blijven.

Responsieve koppen

Met de breedteas van 75 tot 125 kan een kop smaller worden gemaakt voor een telefoon en breder voor een desktoplay-out.

Dashboards en instellingenschermen

Acht gewichten met cursieven leveren labels, waarden, hints en nadruk uit één familie.

Identificatiecodes en versienummers in lopende tekst

Onderscheidende vormen voor I, 1 en 0 verminderen het verkeerd lezen van codes zonder over te stappen op een monospace-font.

Vietnamese interfaces

Vietnamees wordt gedekt in de set van 736 glyphs, naast Latin Extended.

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

Tekensets in de bestanden: latin, latin-ext, vietnamese. 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 Hubot Sans

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

Hubot Sans 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: "Hubot Sans";
  src: url("/assets/fonts/HubotSans-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Hubot Sans";
  src: url("/assets/fonts/HubotSans-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

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

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

Goed om te weten

Twee assen

Het gewicht loopt van 200 tot 900 en de breedte van 75 tot 125. In CSS stel je de breedte in met font-stretch of de as wdth.

Aparte bestanden voor rechtopstaand en cursief

Het pakket bevat twee variabele fonts, één rechtopstaand en één cursief, elk met beide assen.

Geen gewicht Thin

Het lichtste benoemde gewicht is ExtraLight 200; de as gaat niet door tot 100.

Vermelding verschilt per bron

De catalogus en de naamtabel van het font noemen verschillende ontwerpers; het veld voor de fabrikant noemt GitHub, Inc.

Veelgestelde vragen

Vergelijkbare fonts

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