{"id":6827,"date":"2025-04-02T13:19:21","date_gmt":"2025-04-02T11:19:21","guid":{"rendered":"https:\/\/cdscweb.fr\/chat-robaze\/?p=6827"},"modified":"2025-04-10T13:19:57","modified_gmt":"2025-04-10T11:19:57","slug":"html-polices-taille-et-couleur-avec-la-balise-font","status":"publish","type":"post","link":"https:\/\/cdscweb.fr\/chat-robaze\/html-polices-taille-et-couleur-avec-la-balise-font\/","title":{"rendered":"HTML : polices, taille et couleur avec la balise \u201cfont\u201d"},"content":{"rendered":"\n
Choisir la police<\/strong><\/h5>\n\n\n\n

L’attribut <face> <\/strong>de la balise <font> <\/strong>permet de sp\u00e9cifier la police de son choix.<\/p>\n\n\n\n

<font face=\"arial\">Texte en police Arial.<\/font><\/pre>\n\n\n\n
La police choisie peut ne pas \u00eatre pr\u00e9sente sur l’ordinateur du visiteur. 
Pour \u00eatre s\u00fbr qu’il lira malgr\u00e9 tout la page avec une police d\u00e9termin\u00e9e, on peut en indiquer plusieurs dans l’attribut face <\/strong>en les s\u00e9parant par une virgule :<\/em><\/p>\n\n\n\n
<font face=\"arial, verdana, helvetica\">Texte en police Arial, 
Verdana ou Helvetica par ordre de pr\u00e9f\u00e9rence.<\/font><\/pre>\n\n\n\n
L’utilisateur d’un Mac n’aura pas forc\u00e9ment la m\u00eame vision des polices que l’utilisateur d’un PC :<\/p>\n\n\n\n
Police MAC<\/th>Police PC<\/th>Police MAC<\/th>Police PC<\/th><\/tr><\/thead>
Times<\/td>Times New Roman<\/td>New York<\/td>MS Serif<\/td><\/tr>
Helvetica<\/td>Arial<\/td>Zapf Dingbats<\/td>Wingdings<\/td><\/tr>
Courier<\/td>Courier New<\/td>Palatino<\/td>Book Antiqua<\/td><\/tr>
Symbol<\/td>Symbol<\/td>Geneva<\/td>MS Sans Serif<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
D\u00e9finir la taille du texte<\/strong><\/h5>\n\n\n\n
L’attribut <size> <\/strong>de la balise <font> <\/strong>permet de sp\u00e9cifier la taille du texte. 
La taille des caract\u00e8res peut aussi \u00eatre d\u00e9finie de mani\u00e8re relative \u00e0 partir de la taille par d\u00e9faut, \u00e0 l’aide des signes + et -.<\/p>\n\n\n\n
<font size=\"4\" face=\"arial\">Texte en police Arial de taille 4.<\/font><\/pre>\n\n\n\n
<font size=\"5\" face=\"courier\">Texte en police Courier de taille 5.<\/font><\/pre>\n\n\n\n
<font size=\"7\" face=\"new roman\">Texte en police New Roman de taille 7.<\/font><\/pre>\n\n\n\n
<font size=\"+2\" face=\"verdana\">Texte en police Verdana deux fois plus gros 
que la taille par d\u00e9faut.<\/font><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n
\n
Pour d\u00e9finir la taille de l’ensemble d’une page on peut utiliser une seule fois au d\u00e9but du document<\/strong> la balise <basefont<\/strong>> qui n’a pas de balise fermante, exemple :<\/em><\/p>\n\n\n\n
<basefont size=\"4\"> <\/pre>\n\n\n\n
Pour modifier des blocs de texte individuellement on utilisera la balise <font<\/strong>> qui est prioritaire sur la balise <basefont<\/strong>>.<\/em><\/p>\n<\/div><\/div>\n\n\n\n
D\u00e9finir la couleur du texte<\/strong><\/h5>\n\n\n\n
Pour sp\u00e9cifier une couleur de texte, on utilisera l’attribut <color<\/strong>> de la balise <font<\/strong>>.<\/p>\n\n\n\n
<font color=\"#ff0000\">Texte en rouge<\/font><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
On peut combiner les attributs <face<\/strong>>, <size<\/strong>> et <color<\/strong>> au sein d’une m\u00eame balise <font<\/strong>> :<\/p>\n\n\n\n
<font color=\"#ff0000\" face=\"arial\" size=\"2\">Texte rouge, police Arial, taille 2.<\/font><\/pre>\n\n\n\n
\n
Pour d\u00e9finir la couleur de l’ensemble d’une page on peut utiliser l’attribut <text<\/strong>> de la balise <body<\/strong>>, exemple :<\/em><\/p>\n\n\n\n
<body text=\"#000000>Texte en noir sur toute la page.<\/body> <\/pre>\n\n\n\n
L’attribut <color<\/strong>> de la balise <font<\/strong>> est prioritaire pour sp\u00e9cifier la couleur d’un bloc de texte.<\/em><\/p>\n<\/div><\/div>\n\n\n\n
Agrandir et r\u00e9duire du texte<\/strong><\/h5>\n\n\n\n
Moins pr\u00e9cises que l’attribut <size<\/strong>> de la balise <font<\/strong>>, deux autres balises permettent d’agrandir ou r\u00e9duire du texte, on peut les utiliser une seule fois ou les cumuler :<\/p>\n\n\n\n
<big><big><big>Texte grossi 3 fois.<\/big><\/big><\/big><\/pre>\n\n\n\n
<small><small>Texte r\u00e9duit 2 fois.<\/small><\/small><\/pre>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
Dans le prochain article, il sera question des listes.<\/em><\/strong><\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
 Lire<\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":6595,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[119],"tags":[],"class_list":["post-6827","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet"],"_links":{"self":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/6827","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/comments?post=6827"}],"version-history":[{"count":22,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/6827\/revisions"}],"predecessor-version":[{"id":6852,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/6827\/revisions\/6852"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media\/6595"}],"wp:attachment":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media?parent=6827"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/categories?post=6827"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/tags?post=6827"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}