Elige tamaño, peso, interlineado y espaciado entre letras.
Liquidify separa estas propiedades para que el texto de la aplicación comparta la escala tipográfica de los componentes.
.page-title {
font-family: var(--lq-font-family-sans);
font-size: var(--lq-font-size-large-title);
font-weight: var(--lq-font-weight-bold);
line-height: var(--lq-line-height-large-title);
letter-spacing: var(--lq-letter-spacing-large-title);
}Los tamaños van de caption2 a large-title. Elige según la jerarquía de información, no solo por el tamaño visual.
Usa Text para la API tipográfica y la selección semántica del elemento. Usa variables CSS en HTML propio de la aplicación.
import { Text } from "@liquidify/react"
<Text as="h2" variant="title2" weight="semibold">Account</Text>Selecciona directamente h1 a h6, p o strong mediante as. La variante visual es independiente de la estructura del documento. Todo el texto usa los tokens de fuente compartidos.