Можно ли отключить сглаживание в CSS при использовании @ font-face с пиксельными шрифтами?

Question

Я хочу использовать пиксельный шрифт в Интернете. Я включаю его, используя @ font-face, однако все браузеры применяют сглаживание шрифта. Кажется, я не могу найти правило CSS, чтобы отключить это, кто-нибудь может придумать другой метод отключения сглаживания?

Answer 1

Рендеринг шрифтов выполняется операционной системой и браузером, так что пока я полагаю, что мало что можно сделать с помощью CSS. В обсуждении могут быть некоторые предложенные правила CSS (я видел упоминание «сглаживание шрифтов» или что-то в этом роде), но в CSS3, насколько я знаю, ничего нет, и в CSS2 определенно ничего нет.

Answer 2

Этот вопрос старый, поэтому просто хотел дать обновление.

Основано на caniuse.com , для него есть свойство CSS, но оно было удалено из черновиков спецификации CSS3. Так что это не стандартное решение. Некоторые браузеры Webkit, Firefox и Opera поддерживают его, но это противоречиво. В основном это работает для пользователей настольных компьютеров и Mac OS

-webkit-font-smoothing: none || antialiased || subpixel-antialiased
-moz-osx-font-smoothing: auto || inherit || unset || grayscale
font-smoothing: auto || inherit || unset || grayscale

Answer 3

Я не думаю, что у css есть опция для сглаживания. Попробуйте вместо этого cufon: http://wiki.github.com/sorccu/cufon/about

Он довольно прост в использовании и очень хорошо отрисовывает ваши пиксельные шрифты. Вы также можете быть заинтересованы в Pxfon Шона Инмана: http://shauninman.com/archive/2009/04/17/pxr_cufon_pxfon

Answer 4

У меня была похожая проблема сегодня, и кажется, что хотя font-smooth не работает в современном Firefox *, добавление некоторого фильтра делает:

filter: contrast(1);

Тем не менее, кажется немного хакерским отключить сглаживание с помощью фильтра. Между прочим, это не приводит к полному отключению сглаживания, а только к тому, что оно применяется по-другому, поэтому растровые шрифты отображаются правильно. С другой стороны, это нарушает рендеринг не растровых шрифтов.

& emsp; * & thinsp; протестировано на Fixedsys с http://doir.ir/fixedsys/demo.html, на Iceweasel 38.40.0, на Debian 8.

Answer 5

Большинство пиксельных шрифтов просто не будут работать должным образом, если вы используете их в кратном размере 8pt (8, 16, 24 и т. Д.)

Если вы работаете с неправильным размером шрифта, вы получите псевдонимы / туманные символы.

Проверьте это ...

http://www.fontsquirrel.com/fonts/list/style/Pixel

... это может помочь;)