{"id":123,"date":"2011-12-27T18:58:11","date_gmt":"2011-12-27T18:58:11","guid":{"rendered":"http:\/\/simonertel.net\/blog\/?p=123"},"modified":"2026-04-25T21:19:19","modified_gmt":"2026-04-25T21:19:19","slug":"police-a-taille-fixe","status":"publish","type":"post","link":"https:\/\/simonertel.net\/blog\/police-a-taille-fixe\/","title":{"rendered":"Police \u00e0 chasse fixe"},"content":{"rendered":"<p>Peut-\u00eatre comme moi vous \u00eates-vous pos\u00e9 la question : comment peut-on d\u00e9terminer le nombre de caract\u00e8res maximum ou minimum pour occuper une largeur et une hauteur pr\u00e9d\u00e9termin\u00e9e en CSS \u00e0 l&rsquo;avance (et l\u00e0 o\u00f9 les min-height et max-height sont inefficaces ou hors contexte) ?<br \/>\nRapidement, on se rend compte que les polices engendrent des largeurs diff\u00e9rentes en fonction des lettres ! L\u00e9gitime, un M ne prend pas la m\u00eame largeur qu&rsquo;un l !<\/p>\n<p>Et pourtant ! Saviez-vous qu&rsquo;il existe des polices d\u00e9di\u00e9es qui r\u00e9pondent parfaitement \u00e0 ce genre de probl\u00e9matique ? Les polices \u00e0 <strong>chasse fixe<\/strong>, ou <strong>monochasse<\/strong> (<strong>monospace<\/strong>,\u00a0 <strong>fixed-pitch<\/strong> ou <strong>non-proportional font<\/strong> en anglais) pr\u00e9sentent des caract\u00e8res \u00e0 la largeur strictement identique, quel que soit le caract\u00e8re ! La \u00ab\u00a0courrier\u00a0\u00bb est la plus connue d&rsquo;entre elles, par exemple ! Les polices ne rentrant pas dans ce jeu-l\u00e0 sont dites \u00e0 <strong>chasse variable<\/strong>, ou \u00e0 <strong>espacements proportionnels<\/strong>.<\/p>\n<div class=\"mceTemp\">\n<dl id=\"attachment_139\" class=\"wp-caption alignnone\" style=\"width: 460px;\">\n<dt class=\"wp-caption-dt\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-139\" title=\"polices\" src=\"http:\/\/simonertel.net\/blog\/wp-content\/uploads\/2011\/12\/polices.png\" alt=\"Polices a taille fixe\" width=\"450\" height=\"185\" srcset=\"https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2011\/12\/polices.png 450w, https:\/\/simonertel.net\/blog\/wp-content\/uploads\/2011\/12\/polices-300x123.png 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/dt>\n<\/dl>\n<\/div>\n<p><!--more--><\/p>\n<p>Il est tout \u00e0 fait envisageable de faire appel \u00e0 n&rsquo;importe quelle police de ce type sur un site web, support\u00e9e par le syst\u00e8me op\u00e9rationnel ou en utilisant la propri\u00e9t\u00e9 font-face en css, en usant de la syntaxe suivante :<\/p>\n<pre style=\"width: 430px;\">pre {\n  font-family:     \"Courier New\",\n                    Courier,\n                    <strong>monospace;<\/strong>\n}<\/pre>\n<p>Les polices monospaces suivantes les plus couramment utilis\u00e9es sur Windows sont :<\/p>\n<ul>\n<li>Courier New<\/li>\n<li>Lucida Console<\/li>\n<li>Consolas<\/li>\n<li>Lucida Sans Typewriter<\/li>\n<li>OCR A Extended<\/li>\n<li>DejaVu Sans Mono<\/li>\n<li>Bitstream Vera Sans Mono<\/li>\n<li>Andale Mono<\/li>\n<li>OCRB<\/li>\n<li>Andale Mono IPA<\/li>\n<li>Monaco<\/li>\n<li>Monotype.com<\/li>\n<li>FreeMono<\/li>\n<li>Terminal<\/li>\n<\/ul>\n<p>Sur mac :<\/p>\n<ul>\n<li>Monaco<\/li>\n<li>Courier<\/li>\n<li>Lucida Sans Typewriter<\/li>\n<li>Courier New<\/li>\n<li>Andale Mono<\/li>\n<li>Menlo<\/li>\n<li>Consolas<\/li>\n<li>Bitstream Vera Sans Mono<\/li>\n<li>Courier Std<\/li>\n<li>Monotype.com<\/li>\n<\/ul>\n<p>Et enfin sur Linux :<\/p>\n<ul>\n<li>Nimbus Mono L<\/li>\n<li>DejaVu Sans Mono<\/li>\n<li>Liberation Mono<\/li>\n<li>Courier 10 Pitch<\/li>\n<li>FreeMono<\/li>\n<li>Courier New<\/li>\n<li>Andale Mono<\/li>\n<li>Tlwg Typist<\/li>\n<li>TlwgMono<\/li>\n<li>TlwgTypewriter<\/li>\n<li>Tlwg Typo<\/li>\n<li>Lucida Sans Typewriter<\/li>\n<li>Bitstream Vera Sans Mono<\/li>\n<li>Luxi Mono<\/li>\n<li>Courier<\/li>\n<li>DejaVu LGC Sans Mono<\/li>\n<li>Monaco<\/li>\n<li>Fixed<\/li>\n<\/ul>\n<p>Comme vous le remarquerez, les noms de polices \u00e0 chasse fixe indiquent g\u00e9n\u00e9ralement leur typologie avec les suffixes \u00ab\u00a0console\u00a0\u00bb, \u00ab\u00a0typewriter\u00a0\u00bb, \u00ab\u00a0mono\u00a0\u00bb et \u00ab\u00a0fixed\u00a0\u00bb. On retrouvera sur les trois syst\u00e8mes des polices communes ; n&rsquo;h\u00e9sitez pas \u00e0 les utiliser \u00e0 bon escient, car si elles pr\u00e9sentent un int\u00e9r\u00eat pour une mise en forme en CSS, elles ont une signature particuli\u00e8re que le graphiste n&rsquo;appr\u00e9ciera peut-\u00eatre pas autant que vous !<\/p>\n<p>Outre l\u2019int\u00e9r\u00eat de pouvoir calculer ais\u00e9ment la largeur d&rsquo;une ligne en fonction de son nombre de caract\u00e8res, les polices \u00e0 taille fixe sont aussi utilis\u00e9es en <strong>ASCII art<\/strong>, car elles permettent facilement de caler les caract\u00e8res dans une sorte d&rsquo;alignement vertical facilitant les cr\u00e9ations graphiques ; plus exotiques, saviez-vous que ces polices sont aussi utilis\u00e9es dans le milieu de la biologie, dans la repr\u00e9sentation des acides nucl\u00e9iques et des s\u00e9quences prot\u00e9in\u00e9es, car la repr\u00e9sentation de chaque <a title=\"Page wikip\u00e9dia de nucl\u00e9otide\" href=\"http:\/\/fr.wikipedia.org\/wiki\/Nucl%C3%A9otide\">nucleotides<\/a> (une mol\u00e9cule organique) et <a title=\"Les acides amin\u00e9s, article wikip\u00e9dia\" href=\"http:\/\/fr.wikipedia.org\/wiki\/Acide_amin%C3%A9\">acides amin\u00e9es<\/a> occupe ainsi la m\u00eame largeur dans les sch\u00e9mas !<\/p>\n<p>Sources de l&rsquo;article (en) : <a lang=\"en\" href=\"http:\/\/www.codestyle.org\/css\/font-family\/Glossary.shtml#monospace\">http:\/\/www.codestyle.org<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Peut-\u00eatre comme moi vous \u00eates-vous pos\u00e9 la question : comment peut-on d\u00e9terminer le nombre de caract\u00e8res maximum ou minimum pour occuper une largeur et une hauteur pr\u00e9d\u00e9termin\u00e9e en CSS \u00e0 l&rsquo;avance (et l\u00e0 o\u00f9 les min-height et max-height sont inefficaces ou hors contexte) ? Rapidement, on se rend compte que les polices engendrent des largeurs [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-123","post","type-post","status-publish","format-standard","hentry","category-boulot"],"_links":{"self":[{"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/posts\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":24,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/posts\/123\/revisions"}],"predecessor-version":[{"id":1027,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/posts\/123\/revisions\/1027"}],"wp:attachment":[{"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/media?parent=123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/categories?post=123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/simonertel.net\/blog\/wp-json\/wp\/v2\/tags?post=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}