@MaximLisin

Почему одинаковый шрифт отображается с разным начертанием?

Суть в том, что на действующей версии сайта шрифт отображается так, как нужно. Я переношу эту версию сайта на другую сборку и точно такой же шрифт отображается с чуть более тонким начертанием, хотя все стили идентичны, шрифты тоже. В чем может быть причина? Прикладываю скриншоты отображения шрифтов
Так отображается у меня на новой сборке
5c3dd0e47e57b499333945.png
Так отображается на действующей версии сайта
5c3dd105557fc448569121.png

Сборщик webpack, способ подключения шрифтов идентичен. Шрифт CorpidE1sSCd(начертания Bold, regular, light)

Кусок кода из конфига webpack`a (как видно он их просто загружает, ничего с ними не делает)
// font loader
			{
				test: /\.(eot|ttf|woff|woff2)$/,
				exclude: /node_modules/,
				use: {
					loader: 'file-loader',
					options: {
						name: '[path][name].[ext]',
						context: 'src/',
					},
				},
			},
		],
	},
  • Вопрос задан
  • 387 просмотров
Решения вопроса 1
@MaximLisin Автор вопроса
Решилось тем, что подключил напрямую через font face, а не с помощью for в stylus
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Попробуйте эти свойства внести на проблемные элементы:

text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
Ответ написан
В Firefox Developer tools есть вкладочка - шрифты, она позволяет посмотреть какой шрифт реально используется для рендера
5c3dd7fda3ee9093308953.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы