IE Utilise la Police Courier lorsque “font-family: monospace” est utilisé

J'ai quelques (test) HTML comme ceci:

<!DOCTYPE html>

<html lang="en">

<head>
  <title>Test Monospace</title>
  <style>
  tt { font-family: monospace; }
  </style>
</head>

<body>
  <h1>Test Monospace</h1>
  <p>This is normal text</p>
  <p><tt>This is monospaced text</tt></p>
</body>

</html>

Quand je l'affiche cette sous IE, le monospace texte utilise Courier New, au lieu de la police, j'ai configuré dans IE. Si je ne fais rien d'autre que de supprimer la <style>...</style> bloc, il utilise correctement la configuration de la police.

Il seulement cela pour IE, pas de FF ou GC. IE 9 sur Windows 7.

Il ne ce indépendamment de l'endroit où le style est configuré, y compris une feuille de style séparée ou à l'aide d'un attribut de style.

Le vrai problème est que la définition de la police de la famille et de la taille de police est la clé de la fixation du navigateur problèmes avec le monospace du texte en utilisant les styles suivants:

/* monospaced sizes are horribly broken in browser default stylesheets */
code, kbd, pre, samp, tt {
    font-family     : monospace,monospace; /* Chrome   (but note that this makes IE use "Courier New" for some strange reason, as does plain monospace.) */
    font-size       : 1em;                 /* Firefox, IE,Opera */
    }

Personne ne sait comment l'arrêter, c'est à dire de faire ceci?

  • conditionnel ie les balises de commentaire et un style différent pour ie
InformationsquelleAutor Lawrence Dol | 2013-02-05
  1. 3

    monospace n'est pas une police spécifique de la famille. Exactement comme serif ou sans-serif, sont génériques, les définitions de famille.

    font-family: monospace; indique au navigateur pour utiliser la valeur par défaut "police à chasse fixe", qui dans ce cas est Courier New. Voir aussi cette ressource.

    EDIT:

    Si vous omettez le font-family règle pour tt dans votre CSS, IE9 semble pour afficher l'ensemble de la plaine de la police du texte. Veuillez voir ce violon: http://jsfiddle.net/sVCwd/1/

    Espère que cette aide.

    • Ne devrait-on pas utiliser le navigateur est configuré en "texte Brut de la police"?
    • Je ne sais pas ce que vous entendez par "plaine de la police de texte"... comment un non de la plaine de la police de texte ressemble? De toute façon, le seul critère d'une police à espacement fixe, c'est que toutes les images ont la même largeur fixe. Veuillez voir le chapitre 15.3.1.5 ici: w3.org/TR/CSS2/fonts.html#generic-font-families
    • IE vous permet de configurer les deux polices dans les Options Internet, le "Web Page" de la police et de la "Texte Brut" de la police. Ce dernier permet la sélection de seulement les polices à espacement fixe. En tant qu'utilisateur j'attend à ce que chaque fois que le texte a été affiché dans le monospace elle serait d'utiliser la police comme étant configuré. C'est surprenant et gênant pour moi un auteur web que je ne peux pas dire, c'est à dire l'utilisation de la police à espacement fixe que l'utilisateur a choisi.
    • Ok, maintenant je comprends. Je vais essayer si je peux reproduire ce comportement dans IE9 / Win7
    • Merci de voir mon jour de réponse
    • C'est vrai... ma question en dit autant. Il va alors dire pourquoi je suis spécifier une police de la famille.
    • Le texte de ces polices, la fenêtre de sélection lit "Les polices que vous sélectionnez ici sont affichées sur les pages web et les documents qui n'ont pas précisé la police du texte". Je suppose que les pages où la police est spécifié avec le CSS (même famille générique comme monospace) n'est pas des maths de cette définition.

    InformationsquelleAutor gregory
  2. 2

    Il semble que dans IE, monospace moyen Courier New. Changer les paramètres d'internet explorer pour “plaine de la police de texte” affecte la police par défaut pour certains éléments, comme tt, mais il ne change pas le sens de monospace. Dans un ancienne discussion quelqu'un qui semble savoir ce qu'il dit, écrit: “(s'il vous Plaît, pas de commentaires au sujet de l'empattement et les polices à espacement fixe qui peut être
    sélectionné à l'aide d'Outils, Options Internet. Ils n'ont rien à voir avec la
    CSS par défaut générique de polices de caractères.)”

    Si vous voulez, comme un utilisateur d'internet explorer, de changer le sens de monospace, je suppose que vous devez trouver une entrée dans le registre de Windows pour elle (j'ai été incapable de le trouver dans Windows 7 – ne pouvait pas trouver IEFixedFontName par exemple).

    Mais si vous voulez juste quelques éléments rendus dans une police à espacement fixe de votre choix (qui est la plupart du temps la même chose, dans la mesure du possible, les effets sont pris en compte), vous pouvez configurer un utilisateur de la feuille de style avec le contenu comme

    code, kbd, pre, samp, tt, xmp, listing, plaintext {
    font-family: Consolas !important;
}
    • Eh bien, j'ai plutôt envie de certains éléments rendu à la police à espacement fixe de mon utilisateurs de préférence.
    • le problème est que vos utilisateurs ne peuvent pas exprimer leur préférence par tout simplement la mise en texte brut “police”, parce que IE ne fonctionne pas de cette façon. Ils peuvent modifier le registre ou, de façon plus réaliste, configurer un utilisateur de la feuille de style. Si ils utilisent une feuille de style sans !important, alors vous, en tant qu'auteur, l'emporterait sur leur mise si vous définissez font-family: monospace.
    • Quelle règle de feuille de style pourrait l'utilisateur de créer que spécifié une police particulière pour être utilisé pour n'importe quel élément avec la propriété font-family=monospace? (Et, BTW, auteur des styles par défaut remplacer les non-utilisateurs important styles.)
    • aucun. Dans le CSS, ils ne peuvent attribuer des propriétés aux éléments, de ne pas changer la signification des mots-clés comme monospace. Et de mon point est, en effet, que, par exemple, l'auteur tt { font-family: monospace; } remplacerait l'utilisateur tt { font-family: Consolas } (en l'absence de !important).
    • (Désolé pour le deuxième point, j'ai mal lu vous dire que j'ai besoin d'utiliser !important.)
    • IE vous permet de configurer les deux polices dans les Options Internet, le "Web Page" de la police et de la "Texte Brut" de la police. Ce dernier permet la sélection de seulement les polices à espacement fixe. En tant qu'utilisateur j'attend à ce que chaque fois que le texte a été affiché dans le monospace elle serait d'utiliser la police comme étant configuré. C'est surprenant et gênant pour moi un auteur web que je ne peux pas dire, c'est à dire l'utilisation de la police à espacement fixe que l'utilisateur a choisi.
    • C'est surprenant et ennuyeux en effet. La meilleure façon de savoir, c'est à dire utiliser, pour certaines de texte en ligne, la police à espacement fixe choisi par l'utilisateur (via les paramètres, ou en ne faisant rien) est d'utiliser la <tt> de balisage, ou quelques autres balises qui provoque police à espacement fixe par défaut, et ne pas font-family à tous sur cet élément.
    • Qui fonctionne pour IE, mais alors ce bon vieux Google Chrome fait la police très petite. La définition explicite de famille de polices à monospace,monospace supprime les polices Google redimensionnement (et en fait de même pour les anciens FF, bien que les FF ne fait pas la valeur par défaut police monospace petit plus).
    • +1 pour Consolas. J'utilise monospace beaucoup et la haine de messagerie.

    InformationsquelleAutor Jukka K. Korpela