Используя Google WebFonts ( "Освальд" в этом случае), я обнаружил, что мои шрифты становятся более смелыми, чем они должны быть. Я решил эту проблему в браузерах на основе webkit, используя:
-webkit-font-smoothing: antialiased;
но в Firefox я не могу найти декларацию, которая управляет этим. Я слышал об использовании взлома text-shadow, чтобы исправить это, но я бы предпочел не использовать его, поскольку он, без сомнения, изменит геометрические свойства шрифтов.
Вот как это выглядит в 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.