Font-Smoothing в Firefox

Question

Используя Google WebFonts («Освальд» в этом случае), я обнаружил, что мои шрифты становятся более смелыми, чем они должны быть. Я решил эту проблему в браузерах на основе WebKit с помощью:

-webkit-font-smoothing: antialiased; 

но в Firefox Я не могу найти объявление, которое управляет этим. Я слышал об использовании взлома , чтобы исправить это, но я бы предпочел не использовать его, поскольку он, без сомнения, изменит геометрические свойства шрифтов.

Вот как это выглядит в WebKit (Chrome):

Это является блочным ужасным рендеринг благодаря Firefox:

Я знаю, что есть способ для этого в FireFox, потому что я нашел этот шрифт на font-combinator.com, и он корректно отображает шрифт-комбинатор с помощью Firefox. Вот как это выглядит на Firefox через font-combinator.com:

После просмотра через CSS используется для создания шрифта комбинатор, я нашел это заявление: text-rendering: optimizelegibility;, но это не работает, когда применяется к моему элементу.

Я также попытался:

text-rendering: optimizeLegibility; 
text-rendering: geometricPrecision; 
font-smooth: always; 
font-smooth: never; 
font-smoothing: antialiased; 
-moz-font-smoothing: antialiased; 

Как я могу получить Firefox, чтобы сглаживать мои шрифты так, чтобы они выглядели правильно, когда отображается? Можете ли вы найти декларацию или комбинацию объявлений, которые отображают их на веб-сайте www.font-combinator.com?

Я использую относительно старую версию FireFox (16.0.2), потому что на этом компьютере установлена ​​старая версия OSX.

Answer 1

Вы пробовали объявить численный вес шрифта, а не просто «нормальный» или «полужирный»? Есть много различий в рендеринге веб-сайтов в разных браузерах.

Попробуйте установить {font-weight: 400;} для обычного текста и {font-weight: 700;} для жирного шрифта.

Answer 2

Это только Firefox на OSX проблема ...

Я просто ответил на этот вопрос: How to antialias SVG text in Firefox возможное решение сформировать вашу проблему.

Я думаю, вы могли бы использовать следующий атрибут:

-moz-osx-font-smoothing: grayscale; 

Это будет выпущено с светлячок 25 (ночные сборки можно найти на http://nightly.mozilla.org/)