Я пытаюсь использовать шрифт Antic, найденный в веб-шрифтах Google. Это красивый шрифт, и весь мой сайт был разработан на его основе.
Я начал кодировать свой сайт, но у меня возникла эта надоедливая проблема сглаживания с помощью Antic.
Я пробовал все в CSS...
font-smooth: always;
transform: rotate(-0.0000000001deg)
-webkit-font-smoothing: subpixel-antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3); <- barely works
Ваша помощь очень ценится.
Я знаю, что это очень старо, и вы уже прошли это на данный момент, но для всех, кто ищет...
Если проблема только в webkit, то вам может повезти с префиксом -webkit, но я обычно не использую субпиксель. Нравится -webkit-font-smoothing: antialiased;
Это не поможет, когда дело доходит до проблем с IE и другими браузерами, не поддерживающими WebKit. Для тех, попробуйте изменить порядок веб-шрифтов с svg в качестве первого варианта. Или вы можете попробовать исключить его вообще. Это обычно решает любые проблемы, которые у меня были, и если вам это сойдет с рук, попробуйте избавиться от iefix, так как это может вызвать проблемы в ie10. Если вы не можете попытаться переместить его вверх по списку, если вы застряли на поддержке старых ie.
Как применять эффекты сглаживания шрифтов в CSS ?
-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
-webkit-font-smoothing: antialiased;
