Est-il sécuritaire d'utiliser la règle CSS “text-rendering: optimizelegibility;” sur l'ensemble du texte?
J'ai remarqué ce woo thème, par exemple, a mis sur la balise HTML et donc l'ensemble du site, texte de a mis. J'ai lu que cela peut causer des problèmes de performance, mais c'était il y a longtemps. Certaines personnes ont suggéré uniquement l'ajouter à l'en-tête et le texte.
Le règlement a changé maintenant? Les navigateurs effectuer bien avec elle?
- Le site lag un peu pour moi lors du défilement. Je suis sous Chrome 16.0.904 sur Linux 64 bits
- Pourrait aussi être tous les css3 la transparence et de la liste déroulante des ombres. Je comprends passer par la carte graphique; qui sur Linux peut-être plus d'un problème.
- J'ai l'accélération matérielle avec ma 9800 GTX.
- Il est intéressant de noter que "text-rendering: optimizelegibility;" est cassé sur Android 2.2 et 2.3: code.google.com/p/android/issues/detail?id=15067 🙁
- (et les retombées de ce bug: stackoverflow.com/search?q=%5Bandroid%5D+optimizelegibility )
- Je souhaite de plus amples informations peuvent être ajoutés à ces réponses pour 2014/2015. La plupart des recherches sur Google est toujours à tourner les conversations à partir de 2011!
Vous devez vous connecter pour publier un commentaire.
Pas: il y a eu de nombreux bugs au fil des années sur différentes plates-formes qui cause de texte à ne pas être affiché ou s'affichent pas correctement (voir ci-dessous). Si votre but est de permettre à des ligatures, il y a en fait la norme de la propriété
font-variant-ligatures
défini dans CSS Polices de Niveau 3 qui offre le plein contrôle:Voir
font-variant
pour d'autres fonctions typographiques, qui peut être activé comme les petites majuscules, l'alternance de la lettre formulaires, etc.Histoire
Avant
font-variant-ligatures
& les propriétés ont été ajoutées, l'anciennefont-feature-paramètres
propriété a permis à la même fonction pour être activé. C'est un niveau inférieur de l'interface et n'est pas recommandé, sauf pour activer les fonctions OpenType qui n'ont pas un niveau supérieur de l'interface.http://blog.fontdeck.com/post/15777165734/opentype-1 a un exemple simple:
http://elliotjaystocks.com/blog/the-fine-flourish-of-the-ligature/ a plus de discussion ainsi.
Bug Galerie
Le populaire HTML5 Boilerplate projet enlevé il y a deux ans en raison de divers problèmes de rendu:
https://github.com/h5bp/html5-boilerplate/issues/78
Deux Chrome bugs dont je viens de corrigé ce matin causé Chrome 21 sur Windows XP, soit ne parviennent pas à effectuer une substitution de police à tous, en affichant le caractère manquant symbole plutôt que de partir d'une police de caractères différente, et afficher du texte de manière incorrecte cumul des autres éléments:
http://code.google.com/p/chromium/issues/detail?id=114719
http://code.google.com/p/chromium/issues/detail?id=149548
Voir http://aestheticallyloyal.com/public/optimize-legibility/ pour quelques autres préoccupations.
http://bocoup.com/weblog/text-rendering/ mis en évidence des problèmes de compatibilité sur Android, et les problèmes de performances générales
-o-font-feature-settings
dans Presto. Par commutation de Cligner de l'Opéra de 15 a commencé à soutenir-webkit-font-feature-settings
.font-variant-ligatures
maintenant en tout cas.du MDN texte-rendu page, dernière mise à jour le 18:27, 29 Avr 2012, il lit:
qui tels qu'il n'est pas défini dans une feuille CSS standard, ce qui conduit à la croix-problèmes de navigateur, comme on le voit sur la Compatibilité du navigateur table.
Par défaut
Donc, est sûr de supposer que la meilleure option est de laisser le navigateur de prendre soin des détails comme celui-ci, puisque cette fonction n'est pas un standard (encore), et la plupart des navigateurs ne le supportent pas.
text-rendering: optimizeLegibility;
a été utilisé dans l'une de nos applications web. elle a rendu correctement dans tous les navigateurs, sauf un - chrome (64) sur windows 7.Avait pour supprimer une propriété comme la plupart de nos utilisateurs finaux sont issus de cette catégorie.
Je viens de corriger un bug où Chrome a refusé de rendu des polices web (il est toujours tombé en arrière à un non-web, pour aucune raison, nous pouvons discerner). À la fin, après une quantité considérable de casse-tête - le problème a été résolu par la mise en texte-rendu de
optimizeLegibility
(qui avait été créé par Twitter Bootstrap, pour ce que ça vaut) àauto
.Donc je dirais que pour le moment la réponse est probablement "non". Ce qui ne veut pas dire ne pas l'utiliser, mais ne pas l'appliquer à tout. L'utiliser en cas de besoin et de les tester avec soin pour weirdnesses ou des effets inattendus (en particulier dans Chrome!).
à l'aide de "text-rendering: optimizelegibility également sur" les causes des erreurs de rendu dans le navigateur natif android (4.2 & 4.3). Si vous utilisez cet attribut en combinaison avec le chargement de nouvelles polices de caractères via @font-face, la police n'affiche pas du tout (seulement secours). sans "text-rendering: optimizelegibility" et @font-face à la police charge et s'affiche comme prévu.
CSS text-rendering semble fragile. Au lieu de broyer du temps avec une mauvaise propriété CSS, il peut être intéressant d'aller avec ce...
Si Javascript est une option pour vous, Kerning.js l'air prometteur, un javascript approche de crénage et paires de crénage hébergé sur Github.
http://kerningjs.com
Également intéressant de noter, si vous sérieux au sujet de la typographie, il y a la Police Écureuil gratuit utiliser des polices web.
http://www.fontsquirrel.com