Pourquoi la propriété CSS font annule-t-elle le poids de la police en gras ?
<p>On m'a demandé de supprimer les balises inutiles d'un code HTML généré par ordinateur qui contient de nombreuses balises inutiles (je souhaite simplement conserver les informations de couleur/forte/em). Je suis tombé sur quelque chose de similaire au code HTML suivant : </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="POLICE : 20 pts "Arial"">
<strong>gras</strong> pas gras <b>gras</b>
</envergure>
≪/b>
≪/pré>
<p>Pour moi (sur Chrome et Firefox), il affiche le texte <code>bold</code> en gras et le texte <code>not bold</code> en non gras, je suis confus à ce sujet. En particulier, cela a rendu ma tâche plus compliquée : je pensais pouvoir simplement supprimer les balises sans informations de couleur/strong/em, alors je l'ai modifié comme suit : </p>
<pre class="brush:html;toolbar:false;"><b>
<strong>gras</strong> pas gras <strong>gras</strong>
≪/b>
≪/pré>
<p>Mais maintenant, tout le texte est en gras au lieu de ce qu'il était avant.</p>
<p>J'essaie de comprendre ce que je peux mettre dans le style <code>FONT</code> pour reproduire ce comportement : </p>
<p>Le remplacement de <code>Arial</code> par <code>foo</code>
<pre class="brush:html;toolbar:false;"><b>
<span style="POLICE : 20pt foo">
<strong>bold</strong> pas gras <b>bold</b> pas gras <!-- pas gras n'est en fait pas gras 20pt est appliqué -->
</envergure>
≪/b>
≪/pré>
<p>Après avoir changé la taille et la police, le comportement a changé : </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="POLICE : "Arial"
<strong>bold</strong> pas gras <b>bold</b> pas gras <!-- tout est en gras 20pt n'est _pas_ appliqué -->
</envergure>
≪/b>
≪/pré>
<p>Aucune des deux valeurs n'a d'effet : </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="POLICE : "Arial"">
<strong>gras</strong> pas gras <b>gras</b> pas gras <!-- tout est gras -->
</envergure>
≪/b>
≪/pré>
<pre class="brush:html;toolbar:false;"><b>
<span style="POLICE : 20pt">
<strong>gras</strong> pas gras <b>gras</b> pas gras <!-- tout est gras -->
</envergure>
≪/b>
≪/pré>
<p></p>
<p></p>
<p>Quelqu'un peut-il expliquer ce comportement, ou au moins me dire quels styles je dois rechercher pour supprimer les styles externes ? </p>
