Tipografía

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

Uso

Whitney es una fuente prémium de Typography.com que debe ser incluída por su CDN. Únicamente funcionará en dominios que hayan sido incluidos en la lista blanca de nuestra licencia .

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

Uso

Nuestro conjunto de fuentes de sistema cargará la fuente más apropiada para el dispositivo nativo del usuario. Aquí hay unagran publicación en donde se explica cómo y por qué esto funciona muy bien.

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