Я видел, что некоторые веб-сайты используют @font-face, но они выглядят жутко и без сглаживания. Но некоторые другие веб-сайты используют некоторые шрифты очень высокого качества, я не знаю, используют ли они OTF, TTF или SVG или что именно, это является примером.
Я просмотрел их источник, но там около 4 типов шрифтов, и я не могу понять, какой из них используется.
Спасибо
На качество отображения шрифта влияют три фактора:
В заключение: веб-шрифты по-прежнему остаются чем-то вроде темного и загадочного искусства. Всегда будут незначительные отличия. Найдите хороший шрифт и протестируйте его в целевых браузерах. Я думаю, что мы все еще находимся в стадии проб и ошибок с @font-face, но есть хорошие ресурсы, которые помогут вам в этом.
Если вы хотите использовать специальный шрифт в Интернете, то выбор формата в значительной степени делается за вас браузерами, и вам понадобятся EOT, WOFF, TTF и SVG, чтобы они были доступны.
Такой сайт, как FontSquirrel, предоставит рекомендации, а также сами файлы шрифтов.
Качество шрифта во многом зависит от того, как конвертируются шрифты. Вы можете удалить вещи, которые влияют на сглаживание и качество, такие как кернинг, чтобы сохранить размер файла, что делают многие люди. Чем лучше вид, тем больше размер. Другим фактором, влияющим на шрифты, является ОС хоста. У них есть определенные способы выполнения действий, которые могут повлиять на способ отображения шрифтов.
Кроме того, это просто случайно, но вы можете добавить это в свой код:
text-shadow: transparent 0 0 1px;
Это улучшит сглаживание, хотя пока только в Google Chrome.
Когда дело доходит до Windows, встроенные шрифты, использующие @font-face, ужасно отображаются при ClearType ON.
Попробуйте этот радикальный эксперимент: выключите ClearType и перепроверьте отображение шрифта.
Хотя это кажется бессмысленным (должно произойти обратное), вы должны обнаружить, что теперь шрифты выглядят плавными и естественными.
Это происходит для меня, и я могу предоставить доказательства, если это необходимо. Одна и та же веб-страница будет хорошо отображаться в Linux, Mac и т. д. без каких-либо изменений на уровне ОС. Ура Виндовс.
Я все еще пытаюсь найти обходной путь для этого, потому что, очевидно, вы не можете просить всех, кто просматривает ваш веб-сайт, кто использует Windows, отключить ClearType, чтобы ваши шрифты выглядели хорошо.
Я провел несколько экспериментов со сложным шрифтом в различных браузерах при создании веб-сайта. Я обнаружил, что все без исключения Firefox и Chrome просто плохо отображают шрифт независимо от формата. В любом случае IE был ограничен eot. И что удивительно, Opera справляется с этой задачей лучше всех. Откровенно говоря, изменение формата не имело большого значения. В целом, я думаю, что браузерам предстоит пройти значительный путь, когда дело доходит до рендеринга сложных, замысловатых шрифтов.
