Demonstração de Fontes Customizadas
Compare as 3 famílias de fontes do projeto Rockert
Gotham (Fonte Padrão)
Sans-serif moderna, clean e profissional - Uso: corpo de texto e títulos gerais
H1 - Heading 1 (Black 900)
text-6xl font-black
H2 - Heading 2 (Bold 700)
text-5xl font-bold
H3 - Heading 3 (Bold 700)
text-4xl font-bold
H4 - Heading 4 (Medium 500)
text-3xl font-medium
H5 - Heading 5 (Medium 500)
text-2xl font-medium
H6 - Heading 6 (Book 400)
text-xl font-normal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Parágrafo - text-lg font-normal (Book 400)
Div Container com Gotham
Esta é uma div demonstrando como o texto fica dentro de containers. Ideal para cards, seções e blocos de conteúdo.
Aa
Book 400
Aa
Medium 500
Aa
Bold 700
Aa
Black 900
Tungsten
Sans-serif condensada, impactante - Uso: títulos e destaques com presença forte
H1 - Heading 1 (Black 900)
text-6xl font-black uppercase
H2 - Heading 2 (Bold 700)
text-5xl font-bold uppercase
H3 - Heading 3 (Bold 700)
text-4xl font-bold uppercase
H4 - Heading 4 (Medium 500)
text-3xl font-medium uppercase
H5 - Heading 5 (Medium 500)
text-2xl font-medium uppercase
H6 - Heading 6 (Book 400)
text-xl font-normal uppercase
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Parágrafo - text-lg font-normal uppercase (Book 400)
Div Container com Tungsten
Tungsten é perfeita para títulos que precisam de impacto e presença. Note como as letras condensadas economizam espaço horizontalmente.
Aa
Book 400
Aa
Medium 500
Aa
Bold 700
Aa
Black 900
Thirsty Rough
Display com textura, artística - Uso: elementos decorativos, logos e grandes destaques visuais
H1 - Heading 1 (Black 900)
text-6xl font-black
H2 - Heading 2 (Bold 700)
text-5xl font-bold
H3 - Heading 3 (Bold 700)
text-4xl font-bold
H4 - Heading 4 (Regular 400)
text-3xl font-normal
H5 - Heading 5 (Regular 400)
text-2xl font-normal
H6 - Heading 6 (Regular 400)
text-xl font-normal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Parágrafo - text-lg font-normal (Regular 400) - Não recomendado para corpo de texto
Rockert Expedition
Thirsty Rough é ideal para logos, títulos grandes e elementos que precisam de personalidade artística. Use com parcimônia para máximo impacto.
Aa
Regular 400
Aa
Bold 700
Aa
Black 900
Comparação Lado a Lado
Gotham
Aa Bb Cc
1234567890
The quick brown fox jumps over the lazy dog
Tungsten
Aa Bb Cc
1234567890
The quick brown fox
Thirsty Rough
Aa Bb Cc
1234567890
The quick brown fox