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

Question

[MaximLisin]

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

Так отображается на действующей версии сайта


Сборщик 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/',
					},
				},
			},
		],
	},

Comments

[profesor08]

У тебя разный шрифт используется, на первом скрине один, на втором другой. В одном из вариантов основной шрифт не грузится и используется фолбек. Смотри что где у тебя там грузится на обоих сайтах.

[antimodern]

Это что за шрифт вообще? Нормальное название его? У этого шрфта вообще нет кириллицы - https://www.myfonts.com/search/Corpid/

Другого шрифта Corpid больше в природе нет!

[archelon]

profesor08, не, это один шрифт.
может, фолбек, но точно не дефолтный.

[dom1n1k]

Это один шрифт, хотя и на первый взгляд кажется, что разные.
Автор, случай интересный, но телепатически гадать тут малоэффективно.
Выложи 2 демо-странички куда-то, чтобы можно было посмотреть вживую.

Answer 1

[MaximLisin]

Решилось тем, что подключил напрямую через font face, а не с помощью for в stylus

Answer 2

[Илья Хребет]

Попробуйте эти свойства внести на проблемные элементы:

text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

Comments

[MaximLisin]

Эти свойства уже используются, не помогает)

[Илья Хребет]

MaximLisin, допускается ли вариант того, что в одном случае шрифты подгружаются локально, а в другом удаленно?

[MaximLisin]

Илья Хребет, В обоих случаях локально, способы подключения идентичны

Answer 3

[Владимир]

В Firefox Developer tools есть вкладочка - шрифты, она позволяет посмотреть какой шрифт реально используется для рендера

Comments

[MaximLisin]

В обоих случаях рендерятся одинаковые шрифты

[Владимир]

Один компьютер, один монитор, один браузер, сборки разные и отображаются по разному?
А в разделе Computed style в девелопер консоли одинаковые значения ?

[MaximLisin]

Владимир, Да, всё одно, только сборки разные, но даже они не сильно отличаются. В computed тоже идентично всё

[sumrakx]

MaximLisin, не может быть, что бы они были одинаковые в dev консоли. В противном случае проблема на стороне браузера попробуй поменять на другой шрифт - какой будет результат?

[MaximLisin]

sumrakx, скриншоты из dev консоли на моей сборке

На текущем сайте

В других браузерах такая же проблема