Typographie

Whitney is used for all Ghost.org official websites and marketing, while System Fonts are utilised for user interfaces. Fonts should be used carefully and consistently, with particular attention to weights and line heights. Weights should always be specified with their numerical value.

Whitney Web

Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^%&*
Whitney Light
  • Weight:300
  • Style:normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^%&*
Whitney Normal
  • Weight:400
  • Style:normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^%&*
Whitney Medium
  • Weight:500
  • Style:normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^%&*
Whitney Bold
  • Weight:600
  • Style:normal

Utilisation

Whitney est une police de qualité provenant de Typography.com qui doit être inclut depuis leur CDN. Elle fonctionnera uniquement sur les domaines qui ont été mis sur liste blanche par notre licence.

CSS
font-family: "Whitney SSm A", "Whitney SSm B", sans-serif;

System Native

Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^%&*
System Ultra Thin
  • Weight:100
  • Style:normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^%&*
System Light
  • Weight:300
  • Style:normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^%&*
System Normal
  • Weight:400
  • Style:normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
[email protected]#$%^%&*
System Bold
  • Weight:600
  • Style:normal

Utilisation

Notre système de police d'écriture chargera la police la plus adaptée à l'appareil de l'utilisateur. Voici un bon article qui explique comment et pourquoi ce système fonctionne parfaitement.

CSS
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;