8
votes

Police Pixel en HTML / CSS

i essayez des polices de pixels de http://www.fontsquirrel.com/fonts/ Liste / style / pixel Mais ce n'est pas parfait dans le navigateur et désactiver l'anti-aliasing n'est pas une propriété officielle CSS (ou ne trouve pas de bon échantillon).

J'ai trouvé cette ancienne question: Est-il possible de désactiver l'anti-aliasing dans CSS lors de l'utilisation @ Font-face avec des polices de pixels?

et ce js http://devpro.it/pixelfont/ a l'air très gentil mais la police par défaut est à petit (faire ma propre police n'est pas une bonne affaire). Donc, j'aimerais savoir s'il y a quelque chose de nouveau ou d'autres conseils (sans SWF).

Voici un test avec Font-Face (sur webkit, firefox non?): http: // b4d455 .fr / font /


0 commentaires

3 Réponses :


0
votes

Je ne suis pas vraiment sûr de ce que vous demandez. Mais si vous souhaitez désactiver l'anti-aliasing, vous pourrez peut-être utiliser -webkit-fred-lissage: aucun; . .


1 commentaires

J'ajoute un test sur mon poteau, il est beau sans chrome et rien de Googd dans Firefox ...



7
votes

Cela pourrait faire ce que vous voulez dans une certaine mesure:

font-smooth: never;
-webkit-font-smoothing : none;


1 commentaires

Je suppose qu'il n'y a pas de meilleure solution, vous pouvez donc toujours vouloir uppouver / accepter l'une des réponses existantes.



2
votes

Je sais que je suis en retard, mais la petite police vous permet d'utiliser cela volontiers.

Voici quelques éléments de travail sans liens requis: h3>

p>

<!--- Here's some HTML for the example --->
<h4>Small Font</h4>
<p>Small Font is a pixel font used by Windows when a font is too small to be displayed</p>
<h5>Recommended CSS:</h5>
<code>font-size: 75%;</code>


0 commentaires