8
votes

@ Glyphes floues / gras / gras / déformés pour les polices à distance

Je tente de passer à @ font-face au lieu de s'appuyer sur les utilisateurs à installer la police (pour être précis, il s'agit du Terminus police, plutôt son TTF Version).

Malheureusement, j'ai rencontré un "audacieux" bizarre ou "distorsion" des polices lorsqu'il s'agit de fichiers hébergés à distance, comme indiqué sur cette image:

Entrez la description de l'image ici

Comme vous pouvez le constater, pour une raison quelconque, les polices à distance sont déformées dans des tailles Les polices locales de 12, 14, 16, 16, 18, 20, 24 Whist, ont une sorte de "normalisation" appliquée sur eux pour les parties les rendant jolies et à la place.

Une autre chose à mentionner est que je "J'ai essayé d'utiliser Générateur WebFont de FontsQuirel quel démo-htmls la capture d'écran affiche le long de ces codes CSS respectivement: xxx

et xxx

Terminus (TTF) est le Même paquet de fichiers, vient d'être installé sur / usr / partager / polices / .

Toute perspicacité serait grandement appréciée!

EDIT : Changer les options avancées de FontsQuirrel semble ne pas aider cette question du tout.

EDIT2 : Ni la méthode n'a pas tenté de travailler sur Firefox. De plus, j'ai copié une police dans un répertoire de travail (la même utilisée localement), la liée à travers le champ "URL" et maintient toujours des distorsions. C'est inutile!


11 commentaires

a essayé de reproduire sans succès. J'ai également essayé sur un serveur Apache local. Voyez-vous le même effet dans le violon ou pourriez-vous savoir pourquoi cela ne reproduirait pas ce que vous voyez? Voici comment le violon s'affiche pour moi.


@JMeas: Hmm, voici Comment ça me cherche . Je ne sais pas ce qui rend mes polices locales apparaissent beaucoup plus lisse que les distants, cependant: /


@JMeas: Nope, Arch Linux.


Il est connu que les polices d'affichage du système d'exploitation différemment, alors que c'est un cas étrange (en ce que c'est la même police récupérée de différentes sources), il se peut que votre arche Linux soit bizarre ici. Mais je ne sais pas avec certitude!


Quel navigateur voyez-vous cela si je peux demander?


@Riskbreaker: Chrome et Firefox!


Est-ce qu'un problème d'allusion comme indiqué ici: Stackoverflow.com/questions/9369723/...


Avez-vous Font-Poids: normal explicitement dans votre CSS? J'ai rencontré des problèmes dans lesquels les navigateurs essaient de deviner du poids, à leur tour, faire des polices déformées et floues. Je suppose que ce n'est pas le cas ici, mais je pensais que je le jeter de toute façon.


Êtes-vous sûr que ce n'est pas un problème de police de votre serveur? bugs.pwmt.org/issue151 | bugs.kde.org/show_bug.cgi?id=218230#c10/a >


@gmartellino: Absolument, c'est le paramètre par défaut lorsque Fontsquirrel génère le CSS.


@senayar: positif, parce que je n'utilise pas de serveur pour mes tests locaux.


5 Réponses :


1
votes

Polon-écureuil utilisé pour avoir une section avec plusieurs sorties. TTF ne fonctionne pas dans toutes les versions des browers xxx

Ils utilisent pour avoir des packs de police avec toutes ces extensions, je ne peux plus le trouver sur le site plus.


0 commentaires

0
votes

7 commentaires

TTF accepte uniquement Mozila? Vous êtes sûr de cela? Parce que mon TTF est lu ok par IE tandis que Mozilla favorise Woff (et Opera Svg)


Je suis d'accord avec cette réponse, vous avez besoin de tous les types de fichiers d'hébergement localement pour travaux du navigateur croisé, alors gardez cela à l'esprit. Cela ne répond pas à votre question, mais des informations très utiles en effet.


Thanx @xarcell d'accord avec ma réponse.


@ user1654209 Utilisez tous les fichiers de police FRND.


@SANDEEPPATTANAIK J'ai commenté votre déclaration selon laquelle "en fait TTF accepte uniquement Mozila" .Ce est faux. Pour le reste, l'utilisation d'une déclaration de type multi-fichier est une bonne pratique bien connue


@ user1654209 alors continue à aller mon ami.


Je n'ai même pas ... j'ai mentionné à l'aide de Fontsquirrel, essentiellement à l'aide de son code CSS généré pour générer ces images de démonstration et pour assumer ma conformité aux normes. Inutile de dire que j'ai essayé tous les types de polices.



0
votes

J'ajoute cela comme une réponse, car je n'ai pas assez de points pour commenter. Mais c'est une question: Avez-vous installé Terminus localement? Si oui, essayez de le désinstaller et voyez ce que vous obtenez.

excuses pour commenter comme réponse ...


0 commentaires

-1
votes

Au lieu d'ajouter tout ce code CSS, et tous ces fichiers nécessaires pour le faire fonctionner sur plusieurs navigateurs, essayez simplement Google Webfont. http://www.google.com/webfonts


0 commentaires

1
votes

J'ai constaté que, y compris ce qui suit sur les éléments, le rendu flou ait aidé.

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;


0 commentaires