Shantell Sans

Prova Shantell Sans

Pesi e stili

• Light 300Shantell Sans Light Light Italic
• Regular 400Shantell Sans Regular Corsivo
• Medium 500Shantell Sans Medium Medium Italic
• SemiBold 600Shantell Sans SemiBold SemiBold Italic
• Bold 700Shantell Sans Bold Bold Italic
• ExtraBold 800Shantell Sans ExtraBold ExtraBold Italic

Shantell Sans è un font variabile: il download contiene l’intera gamma di pesi in un file per stile, e i pesi con nome qui sopra sono posizioni all’interno di quella gamma.

Informazioni su Shantell Sans

Shantell Sans è un carattere scritto a mano che sembra disegnato con un pennarello a punta tonda. Le lettere sono staccate, i tratti mantengono uno spessore uniforme con estremità arrotondate, e forme come la a a un piano e la g con la coda aperta seguono lo stampatello, non il corsivo. Le note ufficiali dicono che si basa sulle opere e sulla scrittura di Shantell Martin ed è stato pensato per la tipografia giocosa, l’espressione creativa e l’animazione. Questo scopo si vede nei suoi quattro assi variabili: peso (da 300 a 800), Informality (da 0 a 100), Bounce (da -100 a 100) e Spacing (da 0 a 100). Sei pesi con nome con i corsivi fanno 12 stili. I 1.722 glifi coprono Latin, Latin Extended, vietnamita e cirillico. Shantell Martin ha ideato e diretto il progetto, Arrow Type si è occupata del disegno e dello sviluppo del carattere e Anya Danilova ha disegnato il cirillico; la tabella dei nomi cita anche Stephen Nixon.

Dove funziona Shantell Sans

Titoli animati

Bounce, Informality e Spacing sono assi variabili, quindi i loro valori si possono animare nei motion graphics o con il CSS.

Libri per bambini e materiali per la classe

Le lettere staccate a pennarello con la a a un piano somigliano allo stampatello con cui i bambini imparano a leggere e scrivere.

Fumetti, didascalie e post sui social

Sei pesi da Light a ExtraBold permettono a didascalie scritte a mano di sussurrare o gridare.

Note e annotazioni nelle interfacce

Con Informality a 0 le lettere restano abbastanza regolari per i suggerimenti di onboarding e per i commenti in stile post-it.

Progetti in alfabeto latino e cirillico

Russo, ucraino e bulgaro sono coperti con la stessa mano del Latin.

Glifi

Lingue supportate

La famiglia contiene le lettere di base con cui si scrivono queste lingue:

• Inglese
• Francese
• Tedesco
• Spagnolo
• Portoghese
• Italiano
• Olandese
• Svedese
• Norvegese
• Danese
• Finlandese
• Islandese
• Catalano
• Turco
• Polacco
• Ceco
• Slovacco
• Ungherese
• Rumeno
• Croato
• Sloveno
• Lituano
• Lettone
• Estone
• Vietnamita
• Russo
• Ucraino
• Bulgaro

Sistemi di scrittura con glifi nella famiglia, oltre al latino: cirillico. Sono indicati come sistemi di scrittura, non come garanzia per ogni lingua che li usa.

Set di caratteri trovati nei file: cyrillic, cyrillic-ext, latin, latin-ext, vietnamese. L’elenco delle lingue verifica che il font abbia le lettere necessarie; non garantisce la qualità tipografica in ogni lingua.

Licenza

Font da abbinare a Shantell Sans

I suggerimenti nascono da regole semplici applicate ai dati: una classificazione che faccia contrasto e abbastanza pesi per il testo corrente. Sono un punto di partenza, non un verdetto.

Usare Shantell Sans sul web

Scarica la famiglia, ospita i file sul tuo sito e dichiarali nel CSS. Non collegare i file di trendhub.net: i file di anteprima sono sottoinsiemi e i loro indirizzi cambiano.

@font-face {
  font-family: "Shantell Sans";
  src: url("/assets/fonts/ShantellSans-Italic-VariableFont_BNCE%2CINFM%2CSPAC%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Shantell Sans";
  src: url("/assets/fonts/ShantellSans-VariableFont_BNCE%2CINFM%2CSPAC%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Shantell Sans", cursive;
}

Oppure caricalo dalla fonte ufficiale. Google Fonts offre Shantell Sans con questo codice:

<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=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">

Cose da sapere

Tre assi personalizzati

Informality (INFM), Bounce (BNCE) e Spacing (SPAC) sono assi personalizzati. Si raggiungono con i controlli dei font variabili o con font-variation-settings, non con i normali pulsanti del grassetto e del corsivo.

Il peso predefinito è Light

L’asse del peso parte da 300. Scegli esplicitamente Regular 400 o un peso maggiore quando serve.

Due file variabili

Tondo e corsivo sono file separati, ciascuno con tutti e quattro gli assi.

Domande frequenti

Raccolte con Shantell Sans

• Font scritti a mano per appunti, citazioni e tocchi personali

  Font ricavati da vera scrittura a penna, matita e pennarello: stampatello staccato e corsivo di tutti i giorni per appunti, annotazioni e didascalie.

Font simili

Altre famiglie della stessa classificazione, ordinate per tag d’uso in comune. Tutti i font scritto a mano