{"id":1004,"date":"2022-02-09T12:37:07","date_gmt":"2022-02-09T10:37:07","guid":{"rendered":"http:\/\/lminana.free.fr\/?p=1004"},"modified":"2022-02-09T13:00:40","modified_gmt":"2022-02-09T11:00:40","slug":"thorium-non-prise-en-charge-des-tailles-de-caracteres","status":"publish","type":"post","link":"https:\/\/www.lyam-books.com\/blog\/?p=1004","title":{"rendered":"Thorium : non prise en charge des tailles de caract\u00e8res"},"content":{"rendered":"\n

L’application Thorium ne veut pas prendre mes hauteurs de caract\u00e8res (font-size), parfois m\u00eame mes dimensions de marge (margin) de mes EPUB. Pourtant ma feuille CSS est correcte et je ne suis pas le seul \u00e0 pester (voir le billet sur github<\/a>).<\/p>\n\n\n\n

Apr\u00e8s avoir essay\u00e9 de contourner le probl\u00e8me… je suis tomb\u00e9 sur cet autre billet de github<\/a> qui en bref nous explique qu’il s’agit de normaliser les tailles de caract\u00e8res<\/strong> et que c’est (serait) donc tout \u00e0 fait normal !<\/p>\n\n\n\n

Voici un extrait…<\/p>\n\n\n\n

\/* Readium CSS
Font size normalize
A stylesheet to normalize font-size
Repo: https:\/\/github.com\/readium\/readium-css
*\/
\/*
STYLES <\/code>\/ \/<\/code><\/em> :root is used so that you can quickly add a class or attribute if you prefer e.g. :root[data-rs-normalize] *\/
\/* We create a default so that you don\u2019t need to explicitly set one in the DOM. Once the \u201cPublisher\u2019s styles\u201d checkbox is unchecked, the normalize is applied automatically <\/code>\/ :root:--advanced-settings { --USER__typeScale: 1.2; \/<\/code><\/em> This is the default type scale you\u2019ll find in most publications *\/
}<\/code>
:root:--advanced-settings p,
:root:--advanced-settings li,
:root:--advanced-settings div,
:root:--advanced-settings pre,
:root:--advanced-settings dd {
font-size: 1rem !important;
}<\/code>
:root:--advanced-settings h1 {
\/* Fallback if browser doesn\u2019t support vars *\/
font-size: 1.75rem !important;
font-size: calc(((1rem * var(--USER__typeScale)) * var(--USER__typeScale)) * var(--USER__typeScale)) !important;
}<\/code>
etc….<\/p>\n\n\n\n

Il s’agit donc bel et bien d’imposer un choix, cependant deux choses me choquent : l’utilisation de :root<\/strong>, instance sup\u00e9rieure supplantant <html><\/strong> donc c’est un peu comme utiliser un bulldozer, et l’emploi de !important<\/strong> histoire que les survivants ne soient pas \u00e9pargn\u00e9s.<\/p>\n\n\n\n

Pour \u00e9viter de s’arracher les cheveux plus longtemps, il ne vous a pas \u00e9chapp\u00e9 que nulle part figurait la balise <span><\/strong>, elle va \u00eatre notre porte de sortie.<\/p>\n\n\n\n

Au lieu d’\u00e9crire :
<h2 class=\"titre1>Mon titre<\/h2><\/code>
Il suffit d’\u00e9crire :<\/strong>
<h2><span class=\"titre1>Mon titre<\/span><\/h2><\/code><\/p>\n\n\n\n

Autre solution, appliquer les style en utilisant les ID, exemple :
<h2 id=\"titre1\">Mon titre<\/h2><\/code>
Cependant la limite de cette m\u00e9thode est la nature de l’ID, celui-ci doit \u00eatre unique donc cela n\u00e9cessiterait l’utilisation d’une multitude de styles… mais cela peut d\u00e9panner.<\/p>\n\n\n\n

D’accord cela va complexifier le code mais avouez que le jeu en vaut la chandelle, le titrage vous dira merci ! Croisons les doigts qu’il ne leur vienne pas \u00e0 l’esprit d’affecter leurs contraintes \u00e0 toutes les balises dans une prochaine version… ou de nous forcer la main avec d’autres propri\u00e9t\u00e9s.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

L’application Thorium ne veut pas prendre mes hauteurs de caract\u00e8res (font-size), parfois m\u00eame mes dimensions de marge (margin) de mes<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[53],"tags":[],"class_list":["post-1004","post","type-post","status-publish","format-standard","hentry","category-technique","comments-off"],"_links":{"self":[{"href":"https:\/\/www.lyam-books.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1004","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lyam-books.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lyam-books.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lyam-books.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lyam-books.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1004"}],"version-history":[{"count":7,"href":"https:\/\/www.lyam-books.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1004\/revisions"}],"predecessor-version":[{"id":1012,"href":"https:\/\/www.lyam-books.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1004\/revisions\/1012"}],"wp:attachment":[{"href":"https:\/\/www.lyam-books.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1004"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lyam-books.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1004"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lyam-books.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1004"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}