[CSS / Feuilles de style]
Firefox 3 et CSS
Soumis par
Benoît Sibaud (Jabber id, page perso, ) le 09 avril 2008. Non affecté.
0 vote(s). Voter pour cette tâche
Message reçu sur moderateurs@ :
Depuis quelques temps il me semble que certains éléments de styles CSS ont changé sur LinuxFR.org. En particulier, les textes sont passés d'un coup en fonte à chasse fixe (utiles pour des blocs de code mais pour la lecture d'un article complet ça peut être assez pénible). À la réflexion, je pense que c'est lié à un bug de Firefox 3 (qui marque une régression par rapport à Firefox 2).
Avec un petit coup de Firebug, j'ai trouvé ceci dans le fichier
http://linuxfr.org/css/contrib/kaiska.css :
* { font-family: sans-serif, monospace; }
Ce code est parfaitement valide en CSS (cf.
http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family ) mais pose problème à Firefox 3, qui «ignore» "sans-serif" (du moins tant que "sans-serif" ne correspond pas à une fonte du système), et utilise "monospace" comme valeur par défaut. La logique serait de bien reconnaitre que "sans-serif" est un nom de famille générique et de l'appliquer, mais apparemment Firefox 3 considère que la famille
générique est forcément placée à la fin. Il faut dire que cela correspond aux exemples trouvés dans la spécification, où on ne trouve jamais deux familles génériques bien que le motif indiqué pour la valeur de font-family le permette.
Bref, je pense que corriger en "font-family: sans-serif;" serait tout
aussi efficace et éviterait ce problème.
On peut éventuellement utiliser une famille un peu plus précise. Deux exemples:
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
Attention, Arial et Verdana n'ont pas la même «taille» pour une hauteur donnée (en pourcentages, EM, PX ou PT), la Verdana étant plus «grosse». Les autres fontes données comme alternatives dans chacune de ces deux familles correspondent globalement aux tailles respectives d'Arial et Verdana.
Depuis quelques temps il me semble que certains éléments de styles CSS ont changé sur LinuxFR.org. En particulier, les textes sont passés d'un coup en fonte à chasse fixe (utiles pour des blocs de code mais pour la lecture d'un article complet ça peut être assez pénible). À la réflexion, je pense que c'est lié à un bug de Firefox 3 (qui marque une régression par rapport à Firefox 2).
Avec un petit coup de Firebug, j'ai trouvé ceci dans le fichier
http://linuxfr.org/css/contrib/kaiska.css :
* { font-family: sans-serif, monospace; }
Ce code est parfaitement valide en CSS (cf.
http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family ) mais pose problème à Firefox 3, qui «ignore» "sans-serif" (du moins tant que "sans-serif" ne correspond pas à une fonte du système), et utilise "monospace" comme valeur par défaut. La logique serait de bien reconnaitre que "sans-serif" est un nom de famille générique et de l'appliquer, mais apparemment Firefox 3 considère que la famille
générique est forcément placée à la fin. Il faut dire que cela correspond aux exemples trouvés dans la spécification, où on ne trouve jamais deux familles génériques bien que le motif indiqué pour la valeur de font-family le permette.
Bref, je pense que corriger en "font-family: sans-serif;" serait tout
aussi efficace et éviterait ce problème.
On peut éventuellement utiliser une famille un peu plus précise. Deux exemples:
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
Attention, Arial et Verdana n'ont pas la même «taille» pour une hauteur donnée (en pourcentages, EM, PX ou PT), la Verdana étant plus «grosse». Les autres fontes données comme alternatives dans chacune de ces deux familles correspondent globalement aux tailles respectives d'Arial et Verdana.
> Lire l'entrée (1 commentaire, moyenne: 2).
Sans sérif
Posté par
Epy (Jabber id, page perso, ) le 10/04/2008 à 21:02. (lien). Évalué à 2.
Salut
Ce ne serait pas "sans serif" [avec un espace] la bonne valeur ?
Peut-être qu'avec le tiret ça passait, le navigateur étant moins tatillon sur certaines choses, et le devient pour respecter CSS3 et Acid3 ?
En plus, si je ne dis pas de bêtise, il s'agit d'une feuille de style alternative, il faut donc voir avec son créateur (devrait être marqué dans le code)
;)
[ Répondre ]
Run by 
Cette page a été générée par Templeet en 0.0471s (dont 0.0058 de SQL).
Cette page est peut-être conforme xhtml 1.0.
Information sur le site.