1. Accueil
  2. Question et réponse
  3. Les bords dentelés sur la police Droid Serif seulement dans Chrome sur Mac OSX

Les bords dentelés sur la police Droid Serif seulement dans Chrome sur Mac OSX

2011-05-18 4 views
1

J'ai un problème assez étrange avec la façon dont Droid Serif (Bold-italic) s'affiche dans Chrome sur OSX. Fondamentalement, si la police apparaît au-dessus du pli, elle s'affiche en dents de scie. Après il est en surbrillance, il aplatit. Cela se produit sur toutes les pages avec la police Droid Serif dans Chrome sur OSX. Consultez l'adresse suivante:Les bords dentelés sur la police Droid Serif seulement dans Chrome sur Mac OSX

http://adamjohnsondesign.com/contact/

Que dans le monde qui se passe ici? Aucune suggestion? Voir les images ci-dessous.

mise en surbrillance avec la moitié lisse et moitié en dents de scie: http://i.min.us/inK36.png

Source

2011-05-18 Adam Johnson

Répondre

2

Je pense que ce que vous vivez est un bug @font-face dans les nouvelles (récentes) versions de Chrome sur Mac OS X.

Par exemple, je vois les bords déchiquetés que vous décrivez lorsque vous utilisez Chrome 11 et Chrome 12 sur Mac OS X.

quand je regarde votre page dans Chrome 9 on Mac OS X (9.0.597.44) ou Chrome 10 on Mac OS X (10.0.648.204) Je vois la lisse, anti-crénelage Droid Serif comme prévu.

Aucun autre navigateur semble présenter ce problème, cela me conduit à croire qu'il est un bug de police dans Chrome sur OS X.

De plus, si vous sélectionnez du texte (en surbrillance) en utilisant la police Droid Serif ou faire défiler vers le bas la page, le navigateur redessine la police avec des bords lisses — cela donne plus de crédibilité au comportement buggé.

Source

2011-05-18 03:15:56 rjb

+0

A la réflexion, ce n'est peut-être pas un bug dans Chrome, mais un conflit avec d'autres ressources sur votre site. Si vous téléchargez ce [kit de police Droid Serif] (http://www.mediafire.com/?io9nqet38b8wdp0) généré à partir de FontSquirrel, vous verrez le rendu Droid Serif Bold Italic en douceur, même dans Chrome 11+. – rjb

+0

Je suis plutôt certain d'avoir essayé ça il y a un moment, mais je vais essayer à nouveau. Je pense que j'ai également essayé de regarder Droid Serif via le Google Font Directory dans Chrome sur OSX et ça a l'air bien - ce qui me porte à croire que ce serait un problème d'actifs (gulp!). Je te tiendrai au courant. Plus de suggestions sont les bienvenus et merci d'avance pour l'aide. –

+0

L'utilisation de règles '@ font-face 'natives est plus simple que vous ne le pensez. Le kit de polices de FontSquirrel a déjà tout fait pour vous - il suffit de copier et coller leur CSS dans vos feuilles de style et de télécharger les polices. Assurez-vous que les polices sont diffusées à partir du même domaine que votre site, de sorte que vous ne rencontriez pas la règle d'origine interdomaine. Ensuite, vous pouvez supprimer toute dépendance sur le JavaScript de l'API Google Fonts. – rjb

0

Pour faire suite à cela, le problème s'est avéré être lié à un modèle personnalisé que j'utilisais dans le système de gestion de contenu que j'utilise pour ce site. D'autres utilisateurs ont signalé des problèmes similaires avec une variété de polices @ font-face. En n'utilisant pas ce modèle personnalisé spécifique, le problème a disparu (presque) entièrement.

Pour plus d'informations sur le sujet, consultez ce fil:

http://www.concrete5.org/community/forums/customizing_c5/interrresting-just-figured-out-c5and039s-auto-nav-block-interfer/#54983

Comme une note, la réponse marquée correcte dans ce fil offre une autre solution au problème; Cependant, ce n'était pas la solution pour mon site (je le faisais déjà).

Merci à tous pour votre aide!

Source

2011-09-22 04:03:31

Questions connexes

 Questions connexes