Я загрузил шрифты из веб-шрифтов Google, чтобы использовать свой проект psd, пока все в порядке. Но в моем html мои веб-шрифты Google выглядят иначе, как вы видите на изображениях ниже;
мой psd 
и мой html
размер шрифта
семейство шрифтов
высота линии
font-weight все как в фотошопе, но шрифты выглядят иначе ...
и я добавил тело
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
но ничего не меняет ..
кстати, мой шрифт Hind Fonts
Независимо от того, все браузеры будут отображать шрифты по-разному, отображение шрифтов также зависит от вашей ОС.
Еще одна вещь, которая может повлиять на то, как выглядят ваши шрифты, - это то, как дизайнер установил сглаживание текста в Photoshop. Сглаживание текста контролируется здесь, в верхней строке меню (при выбранном текстовом инструменте):
Ниже представлен набор шрифтов Hind с 5 различными настройками сглаживания:
Обратите внимание, как, в частности, настройка сильного сглаживания изменяет внешний вид фактических глифов шрифта. Не видя вашего реального кода, трудно сравнивать и диагностировать любую проблему, кроме той, которая может быть вызвана вне Photoshop.
Вы можете немного исправить рендеринг шрифтов, используя text-rendering. Это свойство предоставляет механизму рендеринга информацию о том, что нужно оптимизировать при рендеринге текста.
Это не определено ни в одном стандарте CSS - это просто свойство SVG. Однако браузеры Gecko / WebKit / Blink позволяют применять это свойство к элементам HTML.
Некоторые файлы шрифтов содержат дополнительную информацию о том, как должен отображаться шрифт, и optimizeLegibility использует эту информацию.
так что вы можете использовать:
.yourText {
text-rendering: optimizeLegibility;
}
font-stretch: normal; или font-weight:normal;, возможно, они хоть немного помогут вам.Вы уверены, что просто не установили масштаб просмотра браузера ниже 100%? Это похоже на то.
