Aller au contenu
Aback Tools Logo

Convertisseur de taille de police

Convertissez les tailles de police entre px, em, rem, %, pt et vw instantanément avec notre convertisseur de taille de police gratuit. Saisissez une valeur, choisissez l'unité d'entrée et obtenez des résultats en direct dans les six unités CSS, avec une taille de police de base et une largeur de fenêtre configurables. Comprend un aperçu du texte en direct, des cartes d'unité cliquables pour poursuivre la conversion, un tableau de référence pour les valeurs en pixels courantes et une copie en un clic pour chaque valeur. Entièrement privé, 100 % gratuit et sans inscription.

Font Size Converter
Convert font sizes between px, em, rem, %, pt, and vw with configurable base font size and viewport width. See live results and a full reference table for common pixel values.
CSS Output
font-size: 16px;

Preview

The quick brown fox jumps over the lazy dog

Preview at 16px -

Common Font Sizes

Reference Table - Common PX Values(root: 16px, viewport: 1920px)

pxremem%ptvw
40.250.2525%30.2083
80.50.550%60.4167
100.6250.62562.5%7.50.5208
120.750.7575%90.625
140.8750.87587.5%10.50.7292
1611100%120.8333
181.1251.125112.5%13.50.9375
201.251.25125%151.0417
241.51.5150%181.25
281.751.75175%211.4583
3222200%241.6667
362.252.25225%271.875
402.52.5250%302.0833
4833300%362.5
563.53.5350%422.9167
6444400%483.3333
724.54.5450%543.75
9666600%725

Pourquoi utiliser notre convertisseur de taille de police ?

  • Conversion multi-unités instantanée : le convertisseur affiche immédiatement les valeurs équivalentes dans les six unités — px, em, rem, %, pt et vw — au fil de la saisie. Aucun bouton à presser, aucun rechargement de page. Chaque carte d'unité est cliquable pour continuer la conversion depuis n'importe quelle unité de sortie.
  • Base et fenêtre configurables : définissez la taille de police racine (16px par défaut) et la largeur de fenêtre (1920px par défaut) selon le contexte de votre projet. Choisissez parmi des préréglages courants ou saisissez des valeurs personnalisées. Toutes les conversions se mettent à jour instantanément lorsque vous modifiez ces réglages.
  • 100 % privé — aucun envoi : toutes les conversions de taille de police se font localement dans votre navigateur. Vos valeurs ne quittent jamais votre appareil et ne sont jamais envoyées à un serveur — idéal pour les systèmes de design propriétaires et les projets clients.
  • Gratuit et sans limite : convertissez autant de tailles de police que vous voulez, sans inscription, sans abonnement et sans plafond d'utilisation. Le convertisseur de taille de police est entièrement gratuit à vie, sans publicité bloquant l'interface.

Cas d'usage courants du convertisseur de taille de police

  • Design d'interface et web : les designers d'interface utilisent le convertisseur pour traduire les tailles de police des maquettes (souvent en px depuis Figma ou Sketch) en unités rem ou em responsives pour le développement. Les maquettes sont ainsi intégrées fidèlement tout en préservant l'accessibilité et la scalabilité.
  • Développement CSS : les développeurs front-end utilisent le convertisseur pour convertir les valeurs en pixels des spécifications de design vers l'unité CSS la plus adaptée à chaque usage — rem pour la typographie globale, em pour les tailles limitées à un composant, vw pour les titres fluides et pt pour les feuilles de style d'impression.
  • Typographie responsive : ceux qui construisent des sites responsives utilisent le convertisseur pour calculer des échelles typographiques fluides. En convertissant entre px et vw à différentes tailles de fenêtre, ils créent des fonctions clamp() qui font varier le texte en douceur sur tous les écrans.
  • Tokens de système de design : les responsables de systèmes de design utilisent le convertisseur pour définir des tokens d'échelle typographique cohérents. Convertir un ensemble de valeurs en pixels vers rem, em et pourcentage garantit que le système fonctionne dans tous les contextes d'unités CSS.
  • Conformité à l'accessibilité : les spécialistes de l'accessibilité utilisent le convertisseur pour vérifier que les tailles de police respectent les exigences WCAG. Comprendre la relation entre px et rem aide à garantir que le texte respecte les préférences de taille de l'utilisateur (WCAG 1.4.4, Redimensionnement du texte).
  • Design d'impression et PDF : les designers print utilisent le convertisseur pour traduire entre px (écran) et pt (impression). Cela garantit que les designs numériques peuvent être reproduits fidèlement en impression à la bonne taille physique.

Qu'est-ce qu'un convertisseur de taille de police ?

Un convertisseur de taille de police traduit les valeurs de taille de police entre différentes unités CSS — px, em, rem, %, pt et vw. Chaque unité a des caractéristiques et des usages différents. Notre outil convertit n'importe quelle valeur saisie vers les six unités simultanément, avec des réglages configurables de taille de police de base et de largeur de fenêtre pour correspondre exactement au contexte de votre projet. Toutes les conversions se font instantanément dans votre navigateur.

Pourquoi utiliser des unités relatives pour les tailles de police ?

Utiliser des unités relatives (rem, em, vw) pour les tailles de police est une exigence d'accessibilité des WCAG. Le critère de succès 1.4.4 des WCAG 2.1 (Redimensionnement du texte) exige que le texte puisse être agrandi jusqu'à 200 % sans perte de contenu ni de fonctionnalité. Lorsque vous utilisez px pour le texte, la préférence de taille de police du navigateur de l'utilisateur est ignorée : un utilisateur qui règle son navigateur sur 20px par défaut verra le même petit texte qu'un utilisateur à 16px.

REM est l'unité recommandée pour la typographie dans la plupart des architectures CSS modernes : elle respecte les préférences de l'utilisateur, garantit une taille cohérente sur toute la page et rend les ajustements globaux de taille de police aussi simples qu'un changement d'une seule valeur sur l'élément <html>. Notre convertisseur vous aide à traduire les spécifications de design en pixels vers des unités accessibles et responsives.

Comment utiliser ce convertisseur de taille de police

  1. Saisissez une valeur : tapez n'importe quel nombre positif dans le champ de saisie. Sélectionnez l'unité (px, em, rem, %, pt ou vw) dans le menu déroulant. Le convertisseur affiche instantanément les résultats dans les six unités.
  2. Configurez les réglages de base : définissez votre taille de police racine (base) et la largeur de fenêtre pour les adapter à votre projet. Des préréglages rapides sont disponibles, ou saisissez une valeur personnalisée. Modifier ces réglages met à jour toutes les conversions en temps réel.
  3. Vérifiez et copiez : chaque carte d'unité affiche la valeur convertie. Cliquez sur une carte pour que cette unité devienne la nouvelle entrée et poursuivre la conversion. Survolez une carte et cliquez sur l'icône de copie pour copier la valeur formatée. Une déclaration CSS est également fournie pour un copier-coller rapide dans votre feuille de style.
  4. Utilisez le tableau de référence : le tableau de référence montre les valeurs en pixels courantes converties dans toutes les unités selon vos réglages — idéal pour retrouver rapidement les tailles standard.

Foire aux questions

Un convertisseur de taille de police traduit les valeurs de taille de police entre différentes unités CSS — px, em, rem, %, pt et vw. Notre convertisseur affiche instantanément les valeurs équivalentes dans les six unités simultanément, avec des réglages configurables de taille de police de base et de largeur de fenêtre.

Saisissez simplement un nombre positif dans le champ, sélectionnez l'unité d'entrée dans le menu déroulant et le convertisseur affiche aussitôt les valeurs équivalentes dans les six unités. Cliquez sur n'importe quelle carte de résultat pour faire de cette unité la nouvelle entrée. Survolez une carte pour copier la valeur formatée.

rem est relatif à la taille de police de l'élément racine (<html>) : 1rem équivaut toujours à la taille de police racine. em est relatif à la taille de police de l'élément parent et se cumule avec l'imbrication. Rem est plus prévisible pour les tailles globales ; em est utile pour les tailles limitées à un composant.

La taille de police racine par défaut du navigateur est 16px, le réglage le plus courant. Certains designers utilisent 10px pour simplifier les calculs en rem. Notre convertisseur prend en charge n'importe quelle taille de police de base : choisissez un préréglage ou saisissez une valeur personnalisée.

Les unités vw (largeur de fenêtre) rendent la taille de police relative à la largeur de la fenêtre du navigateur : 1vw = 1 % de la largeur de la fenêtre. Sur un écran de 1920px de large, 1vw = 19,2px. VW est souvent utilisé dans les fonctions CSS clamp() avec des bornes min et max pour une typographie fluide.

rem = px ÷ taille de police racine. Avec la racine par défaut de 16px : 16px = 1rem, 24px = 1,5rem, 32px = 2rem. Pour vw : vw = (px ÷ largeur de fenêtre) × 100. Pour pt : pt = px ÷ 1,333. Notre convertisseur applique toutes les formules instantanément.

Oui. Toutes les conversions se font à 100 % côté client, dans votre navigateur. Vos valeurs ne sont jamais envoyées à un serveur, jamais stockées et jamais transmises où que ce soit.

Oui. Le convertisseur de taille de police est 100 % gratuit, sans inscription, sans fonctions premium et sans limite d'utilisation. Convertissez autant de tailles de police que vous le souhaitez, sans restriction.