Shantell Sans

Essayer Shantell Sans

Graisses et styles

• Light 300Shantell Sans Light Light Italic
• Regular 400Shantell Sans Regular Italique
• 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 est une police variable : le téléchargement contient toute la plage de graisses dans un fichier par style, et les graisses nommées ci-dessus sont des positions sur cette plage.

À propos de Shantell Sans

Shantell Sans est une police manuscrite qui semble tracée au feutre à pointe ronde. Les lettres ne sont pas liées, les traits gardent une épaisseur régulière aux extrémités arrondies, et des formes comme le a à un seul étage et le g à queue ouverte suivent l’écriture en lettres bâton, non la cursive. Les notes officielles disent qu’elle s’appuie sur l’œuvre et l’écriture de Shantell Martin et qu’elle a été conçue pour la typographie ludique, l’expression créative et l’animation. Cette vocation se voit dans ses quatre axes variables : graisse (300 à 800), Informality (0 à 100), Bounce (-100 à 100) et Spacing (0 à 100). Six graisses nommées avec italiques font 12 styles. Les 1 722 glyphes couvrent le latin, le latin étendu, le vietnamien et le cyrillique. Shantell Martin a conçu et dirigé le projet, Arrow Type s’est chargé du dessin et du développement, et Anya Danilova a dessiné le cyrillique ; la table des noms cite aussi Stephen Nixon.

Où utiliser Shantell Sans

Titres animés

Bounce, Informality et Spacing sont des axes variables : leurs valeurs peuvent s’animer dans un motion design ou en CSS.

Livres pour enfants et supports de classe

Les lettres de feutre non liées, avec un a à un seul étage, ressemblent à l’écriture en lettres bâton qu’apprennent les enfants pour lire et écrire.

Bandes dessinées, légendes et publications sociales

Six graisses de Light à ExtraBold permettent à des légendes lettrées à la main de chuchoter ou de crier.

Notes et annotations dans les interfaces

Avec Informality à 0, les lettres restent assez régulières pour des conseils d’accueil et des commentaires façon pense-bête.

Projets en latin et en cyrillique

Le russe, l’ukrainien et le bulgare sont couverts dans la même écriture que le latin.

Glyphes

Langues prises en charge

La famille contient les lettres de base qui servent à écrire ces langues :

• Anglais
• Français
• Allemand
• Espagnol
• Portugais
• Italien
• Néerlandais
• Suédois
• Norvégien
• Danois
• Finnois
• Islandais
• Catalan
• Turc
• Polonais
• Tchèque
• Slovaque
• Hongrois
• Roumain
• Croate
• Slovène
• Lituanien
• Letton
• Estonien
• Vietnamien
• Russe
• Ukrainien
• Bulgare

Autres systèmes d’écriture que le latin couverts par la famille : Cyrillique. Il s’agit de systèmes d’écriture, pas d’une garantie pour chaque langue qui les utilise.

Jeux de caractères trouvés dans les fichiers : cyrillic, cyrillic-ext, latin, latin-ext, vietnamese. La liste des langues vérifie la présence des lettres nécessaires dans la police ; elle ne garantit pas la qualité typographique dans chaque langue.

Licence

Polices à associer à Shantell Sans

Ces suggestions reposent sur des règles simples appliquées aux fiches : une classification contrastée et assez de graisses pour le texte courant. C’est un point de départ, pas un verdict.

Utiliser Shantell Sans sur le web

Téléchargez la famille, hébergez les fichiers sur votre propre site, puis déclarez-les en CSS. Merci de ne pas pointer vers les fichiers de trendhub.net : les fichiers d’aperçu sont des sous-ensembles et leurs adresses changent.

@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;
}

Vous pouvez aussi la charger depuis la source officielle. Google Fonts sert Shantell Sans avec ce 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=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">

À savoir

Trois axes personnalisés

Informality (INFM), Bounce (BNCE) et Spacing (SPAC) sont des axes personnalisés. On y accède par les commandes de police variable ou par font-variation-settings, non par les boutons ordinaires de gras et d’italique.

La graisse par défaut est Light

L’axe de graisse vaut 300 par défaut. Choisissez explicitement Regular 400 ou plus gras si nécessaire.

Deux fichiers variables

Le droit et l’italique sont des fichiers distincts, chacun avec les quatre axes.

Questions fréquentes

Collections avec Shantell Sans

• Polices manuscrites pour notes, citations et touches personnelles

  Polices tirées d’une vraie écriture au stylo, au crayon et au feutre : écritures d’imprimerie non liées et cursives du quotidien pour notes, annotations et légendes.

Polices similaires

Autres familles de la même classification, classées selon leurs usages communs. Toutes les polices manuscrite