Choisissez la taille, la graisse, l’interlignage et l’espacement des lettres.
Liquidify sépare ces propriétés pour que le texte de l’application partage l’échelle typographique des composants.
.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);
}Les tailles vont de caption2 à large-title. Choisissez selon la hiérarchie de l’information, pas uniquement selon la taille visuelle.
Utilisez Text pour l’API typographique et le choix sémantique de l’élément. Utilisez les variables CSS dans le HTML propre à l’application.
import { Text } from "@liquidify/react"
<Text as="h2" variant="title2" weight="semibold">Account</Text>Sélectionnez directement h1 à h6, p ou strong via as. La variante visuelle est indépendante de la structure du document. Tout le texte utilise les tokens de police partagés.