Le rendu des polices pour les pages web

StackOverflow https://stackoverflow.com/questions/33881

  •  09-06-2019
  •  | 
  •  

Question

J'ai toujours tomber sur le même problème lors de la création de pages web.Quand j'ai ajouter une police qui est supérieur d'environ 16-18px ça a l'air terrible.Son irréguliers, et pixélisée.J'ai essayé d'utiliser différentes polices de caractères et de poids, cependant, je n'ai pas eu beaucoup de chance là-bas.

Note:Son seul dans windows que c'est comme ça.Principalement dans Opera et FF aussi dans IE7, mais pas tout à fait aussi mauvais.Dans Linux, la police semble bon.Je n'ai pas regardé un Mac.

Que faites-vous les gars faire pour résoudre ce problème?si quoi que ce soit.J'ai remarqué que les titres ici sont aussi assez irréguliers, mais ils sont juste assez petit pour ne pas l'air mauvais.

Était-ce utile?

La solution

Il n'y a rien que vous pouvez faire pour forcer l'utilisateur à changer la façon dont leur système d'exploitation assure le rendu des polices.Si c'est un gros problème pour vous, alors vous pouvez remplacer les gros titres avec des images, cela vous permet de contrôler exactement comment la police est rendu (et s'assure que le titre ressemble exactement comme vous le souhaitez, même si l'utilisateur ne dispose pas de votre suggestion de police installé).

Si vous faites cela, assurez-vous de fournir un texte alternatif représentation pour ceux qui ne voient pas les images.J'ai tendance à utiliser les CSS pour afficher une image de fond, et de cacher le contenu de la rubrique.Comme cette.

<style>
    h1
    {
        height: 32px;
        width: 100px;
        background: url("path/to/image")
    }

    h1 span
    {
        display: none;
    }
</style>

<h1>
    <span>
       Heading Text
    <span>
</h1>

Pour être honnête, cela ne sembler un peu exagéré si c'est sur tous les grands de texte.Et être conscient qu'il va augmenter la quantité de données que vos clients ont besoin de la télécharger.Cependant, pour une grande tête de cette méthode peut conduire à quelque chose qui ressemble de plus agréable que de OS rendu de texte.

Autres conseils

Activation de l'anti-aliasing devrait résoudre le problème d'affichage.

De côté de l'anti-aliasing, essayez d'activer le type clair.

Sur Windows, permettant ClearType permettra de résoudre cette.Cependant, vous ne pouvez pas forcer les utilisateurs à utiliser.Ce n'est pas un problème de navigateur;c'est le système d'exploitation de police de la méthode de lissage.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top