Vérifiez la largeur de lecture et les caractères par ligne
Avec une police de 16 px et une colonne de 560 px, vous obtenez 70 caractères par ligne, dans la plage de 45 à 75 qui rend une lecture longue confortable. Vérifiez chaque taille d'écran avant de valider la mise en page. Gratuit dans votre navigateur.
- Gratuit
- Fonctionne dans votre navigateur
- Sans inscription
- Vos données restent sur votre appareil
Lancer gratuitement
Exemple résolu
- Taille de police
- 16
- Largeur de colonne
- 560
- Caractères par ligne
- 70
- Évaluation
- recommended
- Minimum recommandé
- 45
- Maximum recommandé
- 75
La lisibilité typographique ne dépend pas uniquement du choix d'une belle police. Une colonne trop large peut vous faire perdre le fil lorsque vous passez à la ligne suivante, tandis qu'une colonne très étroite coupe constamment les phrases. Cet outil utilise la taille de police et la largeur de colonne pour estimer le nombre de caractères par ligne, puis indique si le résultat se situe dans la plage couramment recommandée de 45 à 75. Il facilite la préparation d'articles, de documentations, de lettres d'information, de tableaux de bord et d'autres mises en page destinées à une lecture soutenue.
Comment saisir vos mesures typographiques
Indiquez la taille de la police du corps et la largeur réelle de la colonne de texte en pixels CSS. Utilisez l'espace effectivement réservé au texte, après déduction des marges intérieures, bordures, notes latérales et zones destinées aux commandes voisines. Ainsi, une carte de 640 pixels avec 32 pixels de marge intérieure de chaque côté ne laisse que 576 pixels aux paragraphes.
Saisissez la taille calculée du corps, et non un pourcentage de zoom, une taille de titre ou le nom d'un jeton. Les deux valeurs doivent être des nombres finis positifs ; une taille non positive est refusée, car elle ne peut pas décrire un texte lisible. Si votre conception emploie des rem, convertissez-les avec la taille racine ou consultez les valeurs calculées dans les outils du navigateur.
Vérifiez séparément ordinateur, tablette et mobile : une colonne adaptative peut changer de catégorie sans changement de police. La réponse rappelle les deux entrées afin que vous puissiez consigner chaque configuration.
Comment comprendre l'estimation par ligne
Le calcul suppose qu'un caractère moyen occupe un demi-em, soit la moitié de la taille de police fournie. Il divise la largeur de colonne par cette largeur moyenne et affiche le résultat avec une décimale. Cette approximation est volontaire : la largeur réelle des glyphes dépend de la famille, de la graisse, de la langue, de la ponctuation, de l'espacement et des mots présents.
Une police condensée peut accueillir davantage de caractères, contrairement à une police large. L'outil guide donc les premières décisions et harmonise les revues, sans remplacer la mesure d'un passage représentatif dans la police finale. Le classement repose sur la valeur non arrondie : moins de 45 est trop étroit, plus de 75 est trop large et l'intervalle inclusif est recommandé.
La réponse expose aussi l'hypothèse de 0.5 em et les deux limites. Près d'une limite, essayez un contenu réel et considérez le résultat comme une invitation à la vérification visuelle, non comme une règle d'accessibilité absolue.
Comment appliquer le résultat à votre mise en page
Un résultat recommandé suggère un rapport adapté entre taille et longueur de ligne pour une lecture continue, mais ce n'est qu'un élément du confort typographique. Examinez également l'interligne, l'espacement des paragraphes, le contraste, le rendu et les besoins du public. Si la colonne est trop large, réduisez sa largeur maximale, augmentez la police lorsque cela convient ou passez à plusieurs colonnes seulement si l'ordre reste évident.
Si elle est trop étroite, accordez plus d'espace horizontal, réduisez les marges intérieures excessives ou vérifiez si la police est trop grande pour le composant. Ne diminuez pas le corps uniquement pour obtenir un résultat favorable, surtout sur petit écran. Comparez les jetons de conteneur et de typographie pendant la conception, puis recommencez après l'intégration, car grilles et marges imbriquées modifient la largeur utile.
Pour un site multilingue, testez chaque écriture.
Cas d’usage
Fixer la largeur maximale d'un article
Comparez plusieurs largeurs à la police du corps avant de fixer le maximum sur ordinateur.
Auditer les points de rupture adaptatifs
Contrôlez ordinateur, tablette et mobile pour repérer les colonnes trop étroites ou trop larges.
Réviser les jetons du système graphique
Testez ensemble typographie et conteneurs afin de partager une référence lisible.
Questions fréquentes
Quelle plage est considérée comme recommandée ?
L'outil recommande de 45 à 75 caractères estimés par ligne, bornes comprises.
Comment calcule-t-il les caractères par ligne ?
Il suppose une largeur moyenne de 0.5 em et divise la colonne par la moitié de la taille de police.
La mesure est-elle exacte pour ma police ?
Non. Famille, graisse, langue, espacement et contenu font varier les glyphes ; il s'agit d'une estimation.
Une colonne de 560 px est-elle trop large pour un texte en 16 px ?
Non. En 16 px, chaque caractère est estimé à 8 px, donc 560 px donnent environ 70 caractères par ligne, une valeur comprise dans la plage recommandée de 45 à 75.
Quelle largeur saisir si le bloc a une marge intérieure ?
Indiquez uniquement l'espace réellement occupé par les paragraphes. Une carte de 640 px avec 32 px de marge intérieure de chaque côté laisse 576 px : c'est cette mesure qu'il faut vérifier.
Outils associés
Pour les développeurs — accès API
Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.
Endpoint
Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.
Appeler depuis votre stack
curl -X POST https://api.kit.forhosting.com/doc/reading-column-width-check \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"font_size":16,"column_width":560}'const res = await fetch("https://api.kit.forhosting.com/doc/reading-column-width-check", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"font_size": 16,
"column_width": 560
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/doc/reading-column-width-check",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"font_size": 16,
"column_width": 560
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/doc/reading-column-width-check", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"font_size":16,"column_width":560}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"font_size":16,"column_width":560}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/doc/reading-column-width-check", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Exemple de requête
{
"font_size": 16,
"column_width": 560
}Exemple de réponse
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "doc.reading_column_width_check",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.
Tarifs
Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.
Limites
max_mb | 25 |
max_pages | 200 |
Erreurs
| HTTP | Code | Signification |
|---|---|---|
401 | unauthorized | Clé API absente ou invalide : vérifiez l’en-tête Authorization. |
402 | insufficient_balance | Solde insuffisant : rechargez votre compte pour lancer cette tâche. |
404 | unknown_type | Type de tâche inconnu : vérifiez le champ type de votre requête. |
429 | rate_limited | Trop de requêtes : ralentissez la cadence, puis réessayez. |
Notes techniques
Comment appliquer le résultat à votre mise en page
La vérification interactive est gratuite ; chaque requête API automatisée coûte $0.002.
Questions techniques
Que se passe-t-il avec une taille nulle ou négative ?
La requête échoue avec invalid_input, car la taille de police doit être positive.
Quel est le prix d'une requête API ?
Chaque requête API coûte $0.002 ; l'utilisation interactive dans le navigateur est gratuite.