CSS @font-face - a quoi “src: local('☺')” signifie?
Je suis en utilisant @font-face
pour la première fois et téléchargé une police-kit de fontsquirrel
Le code qu'ils vous recommandons d'insérer dans mon CSS est:
@font-face {
font-family: 'junctionregularRegular';
src: url('Junction-webfont.eot');
src: local('☺'),
url('Junction-webfont.woff') format('woff'),
url('Junction-webfont.ttf') format('truetype'),
url('Junction-webfont.svg#webfontoNEpZXy2') format('svg');
}
Maintenant, le visage souriant chose m'a déconcerté. Mais aussi, le nombre d'url dans le src - pourquoi ils recommandent donc de nombreux fichiers et seront-ils tous être envoyé au navigateur lorsqu'une page est affichée? Est-il mal à l'enlever toutes les mais la .ttf?
Vous devez vous connecter pour publier un commentaire.
si vous lisez les notes de la police-écureuil font-face generator, vous verrez que c'était un piège par paul irish.
Voici l'extrait de son post de blog:
local()
déclaration? Est-ce un pléonasme? Ne pas le navigateur utiliser votre premierurl()
sans elle?url('GraublauWeb.eot?#iefix') format('embedded-opentype')
au lieu delocal('☺')
.Locales(☺︎) est un css hack pour détourner IE6-8 de télécharger des polices de caractères, il ne peut pas l'utiliser (il ne peut utiliser les polices au format EOT).
Explique: La dernière propriété src prévaut dans la cascade CSS, ce qui signifie que le CSS sera analysée à partir du bas vers le haut. Le local(☺︎) fera IE ignorer la src au fond, sans gaspiller de la bande passante de téléchargement de polices il ne peut pas utiliser, et plutôt aller directement à la police dans
.eot
format (défini sur la ligne ci-dessus dans votre question) qu'il utilisera. Le smiley est juste pour s'assurer qu'il ne sera pas un local de la police de ce nom (combinaison de caractères).Lire la suite ici: http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/
@font-face à La dernière propriété src prévaut dans la cascade CSS, ce qui signifie que le CSS sera analysée à partir du bas vers le haut.