PX vers REM et interligne
- Les fichiers ne quittent pas votre appareil
- S’exécute dans le navigateur
- Gratuit, sans compte, sans filigrane
Converter
Type in any box, the rest follow.Preview
Typography is the craft of making language visible. A good line length and generous leading let the eye glide from one line to the next without losing its place.
Common sizes
Click a row to load it into the converter.| px | rem | em | pt | vw | Line-height |
|---|---|---|---|---|---|
| 10 | 0.625 | 0.625 | 7.5 | 0.694 | 1.7 |
| 12 | 0.75 | 0.75 | 9 | 0.833 | 1.65 |
| 13 | 0.8125 | 0.8125 | 9.75 | 0.903 | 1.63 |
| 14 | 0.875 | 0.875 | 10.5 | 0.972 | 1.6 |
| 15 | 0.9375 | 0.9375 | 11.25 | 1.042 | 1.57 |
| 16 | 1 | 1 | 12 | 1.111 | 1.55 |
| 18 | 1.125 | 1.125 | 13.5 | 1.25 | 1.52 |
| 20 | 1.25 | 1.25 | 15 | 1.389 | 1.5 |
| 24 | 1.5 | 1.5 | 18 | 1.667 | 1.4 |
| 28 | 1.75 | 1.75 | 21 | 1.944 | 1.32 |
| 32 | 2 | 2 | 24 | 2.222 | 1.25 |
| 36 | 2.25 | 2.25 | 27 | 2.5 | 1.23 |
| 40 | 2.5 | 2.5 | 30 | 2.778 | 1.2 |
| 48 | 3 | 3 | 36 | 3.333 | 1.15 |
| 56 | 3.5 | 3.5 | 42 | 3.889 | 1.13 |
| 64 | 4 | 4 | 48 | 4.444 | 1.1 |
| 72 | 4.5 | 4.5 | 54 | 5 | 1.09 |
| 96 | 6 | 6 | 72 | 6.667 | 1.05 |
Type scale
Fluid type with clamp()
Text grows smoothly between two viewport widths and stays fixed outside them.
font-size: clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem);
The quick brown fox
Comment utiliser PX vers REM et interligne
Convertissez entre px, rem, em, pt, % et vw à partir de vos propres tailles de police racine et parente, et obtenez un interligne et une longueur de ligne recommandés pour n'importe quelle taille. La page construit aussi une échelle typographique modulaire et une règle clamp() fluide pour le texte adaptatif.
- 1
Réglez la Taille de police racine, la Taille de police parente et la Largeur de la fenêtre sous Contexte.
- 2
Saisissez une valeur dans n'importe quelle case du Convertisseur ; les autres unités suivent.
- 3
Lisez l'Interligne recommandé et la Longueur de ligne confortable pour cette taille.
- 4
Facultatif : construisez une Échelle typographique à partir d'un ratio, ou un Type fluide avec une règle clamp(), et copiez le CSS.
Questions fréquentes
Combien de pixels vaut 1rem ?
1rem est égal à la taille de police de la racine (<html>), que les navigateurs règlent à 16 px par défaut. Changez Taille de police racine si votre site utilise une autre base.
Quelle est la différence entre rem et em ?
rem est relatif à la taille de police racine ; em et % sont relatifs à la taille de police de l'élément parent. Réglez Taille de police parente pour convertir em correctement.
Comment l'interligne est-il choisi ?
Il suit la pratique typographique courante : environ 1,5 pour le corps de texte et un interligne plus serré pour les grands titres. Une version calée sur une grille de 4 px est aussi affichée.
Que fait le générateur clamp() ?
Il écrit une font-size qui grandit régulièrement entre une taille min et max sur deux largeurs de fenêtre, et reste fixe en dehors. Simuler la largeur de fenêtre montre le résultat à n'importe quelle largeur.
Puis-je convertir des points pour l'impression ?
Oui. pt utilise le rapport CSS de 72 pt pour 96 px, donc 12 pt égalent 16 px.