03
Tipografía
InterInter es una fuente web que incluye un rango de estilos contrastados que apoya las necesidades. Presenta a su vez una altura x alta para facilitar la lectura de texto en minúsculas y mayúsculas.
También incluye varias funciones OpenType, como las alternancias contextuales, que ajustan la puntuación en función de la forma de los glifos circundantes, el cero con la diagonal para cuando sea necesario desambiguar el "0" de la "o", los números tabulares, etc.
Aa
Caracteres
ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz
28
Números y simbolos
1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*
•
Pesos y estilos de fuente
La elección del peso de la tipografía está basada en los principios de orden, estabilidad y contención. La mayoría de casos, “regular”, “medium”, “semi bold” y “bold” deberían ser suficientes.
Aa
Inter Regular - 100
Aa
Inter Medium - 400
Aa
Inter Semibold - 600
Aa
Inter Bold - 900
•
Escala tipográfica
Este ejemplo de escala tipográfica basado en la fuente Inter se usa para todos los títulos, subtítulos, textos de cuerpo y subtítulos. Mantener la coherencia y ceñirse a jerarquías lógicas garantiza que los elementos de la interfaz de usuario sean claros y fácilmente reconocibles al escanear la página. Los tamaños, estilos y diseños de los textos se seleccionaron para equilibrar el contenido y la interfaz de usuario y fomentar la familiaridad.
Categoría de escala
Hero
$he-regular / $he-medium
$he-semibold / $he-bold
H1
$h1-regular / $h1-medium
$h1-semibold / $h1-bold
H2
$h2-regular / $h2-medium
$h2-semibold / $h2-bold
H3
$h3-regular / $h3-medium
$h3-semibold / $h3-bold
H4
$h4-regular / $h4-medium
$h4-semibold / $h4-bold
H5
$h5-regular / $h5-medium
$h5-semibold / $h5-bold
Subtitle1
$s1-regular / $s1-medium
$s1-semibold / $s1-bold
Subtitle2
$s2-regular / $s2-medium
$s2-semibold / $s2-bold
Action1
$a1-regular / $a1-medium
$a1-semibold / $a1-bold
Action2
$a2-regular / $a2-medium
$a2-semibold / $a2-bold
Action3
$a3-regular / $a3-medium
$a3-semibold / $a3-bold
Body1
$b1-regular / $b1-medium
$b1-semibold / $b1-bold
Body2
$b2-regular / $b2-medium
$b2-semibold / $b2-bold
Body3
$b3-regular / $b3-medium
$b3-semibold / $b3-bold
Caption
$c-regular / $c-medium
$c-semibold / $c-bold
Overline
$o-regular / $o-medium
$o-semibold / $o-bold
Tamaño
88px
56px
48px
32px
28px
21px
18px
16px
15px
14px
12px
14px
13px
12px
11px
10px
This is fine 🔥 | All Rights Reserved
03
Tipografía
InterInter es una fuente web que incluye un rango de estilos contrastados que apoya las necesidades. Presenta a su vez una altura x alta para facilitar la lectura de texto en minúsculas y mayúsculas.
También incluye varias funciones OpenType, como las alternancias contextuales, que ajustan la puntuación en función de la forma de los glifos circundantes, el cero con la diagonal para cuando sea necesario desambiguar el "0" de la "o", los números tabulares, etc.
Aa
Caracteres
ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz
28
Números y simbolos
1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*
•
Pesos y estilos de fuente
La elección del peso de la tipografía está basada en los principios de orden, estabilidad y contención. La mayoría de casos, “regular”, “medium”, “semi bold” y “bold” deberían ser suficientes.
Aa
Inter Regular - 100
Aa
Inter Medium - 400
Aa
Inter Semibold - 600
Aa
Inter Bold - 900
•
Escala tipográfica
Este ejemplo de escala tipográfica basado en la fuente Inter se usa para todos los títulos, subtítulos, textos de cuerpo y subtítulos. Mantener la coherencia y ceñirse a jerarquías lógicas garantiza que los elementos de la interfaz de usuario sean claros y fácilmente reconocibles al escanear la página. Los tamaños, estilos y diseños de los textos se seleccionaron para equilibrar el contenido y la interfaz de usuario y fomentar la familiaridad.
Categoría de escala
Hero
$he-regular / $he-medium
$he-semibold / $he-bold
H1
$h1-regular / $h1-medium
$h1-semibold / $h1-bold
H2
$h2-regular / $h2-medium
$h2-semibold / $h2-bold
H3
$h3-regular / $h3-medium
$h3-semibold / $h3-bold
H4
$h4-regular / $h4-medium
$h4-semibold / $h4-bold
H5
$h5-regular / $h5-medium
$h5-semibold / $h5-bold
Subtitle1
$s1-regular / $s1-medium
$s1-semibold / $s1-bold
Subtitle2
$s2-regular / $s2-medium
$s2-semibold / $s2-bold
Action1
$a1-regular / $a1-medium
$a1-semibold / $a1-bold
Action2
$a2-regular / $a2-medium
$a2-semibold / $a2-bold
Action3
$a3-regular / $a3-medium
$a3-semibold / $a3-bold
Body1
$b1-regular / $b1-medium
$b1-semibold / $b1-bold
Body2
$b2-regular / $b2-medium
$b2-semibold / $b2-bold
Body3
$b3-regular / $b3-medium
$b3-semibold / $b3-bold
Caption
$c-regular / $c-medium
$c-semibold / $c-bold
Overline
$o-regular / $o-medium
$o-semibold / $o-bold
Peso
Bold
700
Bold
700
Semi bold
600
Semi bold
600
Semi bold
600
Semi bold
600
Semi bold
600
Medium
500
Semi bold
600
Semi bold
600
Semi bold
600
Regular
400
Regular
400
Regular
400
Regular
400
Regular
400
Tamaño
88px
56px
48px
32px
28px
21px
18px
16px
15px
14px
12px
14px
13px
12px
11px
10px
Espacio
líneas
112px
64px
56px
40px
36px
28px
24px
20px
21px
20px
17px
24px
22px
20px
16px
14px
Caso
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas
This is fine 🔥 | All Rights Reserved
03
Tipografía
InterInter es una fuente web que incluye un rango de estilos contrastados que apoya las necesidades. Presenta a su vez una altura x alta para facilitar la lectura de texto en minúsculas y mayúsculas.
También incluye varias funciones OpenType, como las alternancias contextuales, que ajustan la puntuación en función de la forma de los glifos circundantes, el cero con la diagonal para cuando sea necesario desambiguar el "0" de la "o", los números tabulares, etc.
Aa
Caracteres
ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz
28
Números y simbolos
1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*
•
Pesos y estilos de fuente
La elección del peso de la tipografía está basada en los principios de orden, estabilidad y contención. La mayoría de casos, “regular”, “medium”, “semi bold” y “bold” deberían ser suficientes.
Aa
Inter Regular - 100
Aa
Inter Medium - 400
Aa
Inter Semibold - 600
Aa
Inter Bold - 900
•
Escala tipográfica
Este ejemplo de escala tipográfica basado en la fuente Inter se usa para todos los títulos, subtítulos, textos de cuerpo y subtítulos. Mantener la coherencia y ceñirse a jerarquías lógicas garantiza que los elementos de la interfaz de usuario sean claros y fácilmente reconocibles al escanear la página. Los tamaños, estilos y diseños de los textos se seleccionaron para equilibrar el contenido y la interfaz de usuario y fomentar la familiaridad.
Categoría de escala
Hero
$he-regular / $he-medium
$he-semibold / $he-bold
H1
$h1-regular / $h1-medium
$h1-semibold / $h1-bold
H2
$h2-regular / $h2-medium
$h2-semibold / $h2-bold
H3
$h3-regular / $h3-medium
$h3-semibold / $h3-bold
H4
$h4-regular / $h4-medium
$h4-semibold / $h4-bold
H5
$h5-regular / $h5-medium
$h5-semibold / $h5-bold
Subtitle1
$s1-regular / $s1-medium
$s1-semibold / $s1-bold
Subtitle2
$s2-regular / $s2-medium
$s2-semibold / $s2-bold
Action1
$a1-regular / $a1-medium
$a1-semibold / $a1-bold
Action2
$a2-regular / $a2-medium
$a2-semibold / $a2-bold
Action3
$a3-regular / $a3-medium
$a3-semibold / $a3-bold
Body1
$b1-regular / $b1-medium
$b1-semibold / $b1-bold
Body2
$b2-regular / $b2-medium
$b2-semibold / $b2-bold
Body3
$b3-regular / $b3-medium
$b3-semibold / $b3-bold
Caption
$c-regular / $c-medium
$c-semibold / $c-bold
Overline
$o-regular / $o-medium
$o-semibold / $o-bold
Peso
Bold
700
Bold
700
Semi bold
600
Semi bold
600
Semi bold
600
Semi bold
600
Semi bold
600
Medium
500
Semi bold
600
Semi bold
600
Semi bold
600
Regular
400
Regular
400
Regular
400
Regular
400
Regular
400
Tamaño
88px
56px
48px
32px
28px
21px
18px
16px
15px
14px
12px
14px
13px
12px
11px
10px
Espacio
caracteres
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
Espacio
líneas
112px
64px
56px
40px
36px
28px
24px
20px
21px
20px
17px
24px
22px
20px
16px
14px
Caso
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas bajas
Altas
Color
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
Carbon dark 600
This is fine 🔥 | All Rights Reserved