web-dev-qa-db-fra.com

Lorsque vous utilisez une famille de polices empilée, que le navigateur utilise-t-il lorsqu'aucune des polices spécifiées n'est présente?

Exemple de code HTML simple: 

<p>font family</p>

Exemple de code CSS simple: 

p {
    font-family: Arial, Helvettica, sans-serif;
}
  1. Le navigateur recherche Arial
  2. Arial est non présent alors il cherche Helvettica
  3. Helvettica est non présent alors il cherche sans-serif

Questions

  • Que se passera-t-il si le navigateur ne trouve aucune de ces familles de polices?
  • Si le navigateur utilise un police par défaut, quelle police utilise-t-il?
htmlhtml5browserscross-browsercss3
7
Akash Preet

Il n'utilisera pas la police par défaut du navigateur. Mais il utilisera plutôt la police sans-serif par défaut. Depuis la dernière police dans la pile de polices n'est pas une police spécifique. C'est un nom générique. Certains navigateurs vous permettent de le définir ou il utilisera par défaut le système d'exploitation de l'ordinateur de l'utilisateur.

URL de référence: https://developer.mozilla.org/en-US/docs/Web/CSS/font-family

9
marc

Il aura recours à la police par défaut du navigateur. Dans ce cas, avec la spécification sans-serif, la police sans-serif par défaut serait recherchée. Je pense que pour Windows, cette police est Arial, et pour Mac, Helvetica (ne me citez pas dessus, cela fait longtemps que je n’ai pas regardé). Si aucune police sans-serif n'existe sur la machine, le navigateur bascule sur sa valeur par défaut globale, qui est généralement Times New Roman. S'il ne trouve aucune police dans un paramètre par défaut, il acceptera la première chose que le système produit à partir du gestionnaire de polices.

4
Joel Etherton

Il y a un mensonge qui ne cesse de se répéter: le navigateur choisit le "système par défaut" pour "serif" ou "sans-serif" lorsque aucun autre élément de la liste ne sont disponibles. Dans mes tests avec Firefox (Iceweasel 38 en fait, sur Debian Jessie 8.2), le navigateur est assez intelligent pour choisir une police. Il choisira une police différente si "sans-serif" était précédé de "Arial" que pour "Verdana". De même pour les empattements. De plus, il prend en compte l’étirement de la police et le poids. Récemment, j'ai remarqué que DejaVu Sans ExtraLight était sélectionné automatiquement pour une police dont je n'avais jamais entendu parler auparavant. J'aimerais bien savoir comment fonctionne l'algorithme, dans tous les navigateurs, mais c'est la seule réponse que je ne trouve pas.

1
NoName787