Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Sélection PalateKit

Typographie web : choix, association et chargement v1.0.0

Utilisez cette ressource pour choisir et mettre en place la typographie d'un site

Nouveau

  • 431 téléchargements
  • 119 mentions J'aime
  • 237 sauvegardes

4,49 €

Accès à vie à cette ressource, avec ses mises à jour.

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install web-typography

Sans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent évalue vos polices, propose des associations, règle la taille, la longueur de ligne et l'interligne, et écrit le CSS fluide avec clamp(). Il note l'existant sur 10 grâce à un diagnostic rapide et indique les points à corriger. Vous obtenez une typographie lisible, cohérente et légère à charger.

Choisie surtout par

Mise à jour le 2 novembre 2026

Exemple de hiérarchie typographique sur une page : titre, sous-titre et corps de texte.

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
Le modèle de votre agent
Licence
MIT

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md traduit en français : sept grands principes, erreurs courantes et diagnostic en 10 questions
  • typeface-anatomy.md : vocabulaire et classification des polices
  • evaluating-typefaces.md et pairing-strategies.md : évaluer une police et réussir les associations
  • css-implementation.md et responsive-typography.md : CSS, @font-face, polices variables et clamp()

Pour qui

  • Vous hésitez entre deux polices pour un site ou un blog
  • Le texte de votre page est difficile à lire
  • Vos polices web ralentissent le chargement

Pas pour qui

  • Concevoir un système de design complet d'interface
  • Créer une expérience typographique spectaculaire et expérimentale
  • Dessiner une police personnalisée

Étiquettes

  • typographie
  • polices
  • css
  • lisibilité
  • web

À propos

Vous dites

« Propose-moi une association de polices pour mon blog de cuisine et écris le CSS responsive avec un corps de texte lisible sur mobile. »

Exemple de hiérarchie typographique sur une page : titre, sous-titre et corps de texte.

Skill publiée par wondelai sous licence MIT, traduite par PalateKit.

Voir plus

Prérequis

À préparer
L'adresse ou le code de la page à améliorer et Le ton de la marque et le public visé

Comment l'utiliser

  1. Installez la skill dans le dossier de skills de votre agent.
  2. Décrivez le site, son ton et son public.
  3. Appliquez le CSS proposé, puis refaites le diagnostic rapide.

Aperçu du contenu

Fichiers

  • LICENSE1,1 Ko
  • NOTICE-PALATEKIT.md0,4 Ko
  • references/css-implementation.md11,2 Ko
  • references/evaluating-typefaces.md8,5 Ko
  • references/pairing-strategies.md8,5 Ko
  • references/responsive-typography.md9,3 Ko
  • references/typeface-anatomy.md7,9 Ko
  • SKILL.md21,2 Ko

Origine et licence

Modifié par PalateKit

Auteur
wondelai
Source
github.com/wondelai/skills/tree/c172996495bed0fcd26896a9416b2093fd7073f0/web-typography
Licence
MIT

Notice

Version modifiée de « web-typography » (wondelai, MIT) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

Les fichiers de référence sont-ils nécessaires ?

Ils approfondissent chaque sujet et sont livrés avec la skill. Seul SKILL.md est traduit en français ; les références restent en anglais.

Les polices citées sont-elles incluses ?

Non. La skill vous aide à choisir et à charger des polices, mais vous devez vérifier la licence web de chacune.