IE11 не принимает веса шрифтов, которые не кратны 100

Question

У меня есть приложение, которое принимает веса шрифтов, такие как 380 и 350, для брендинга, и эти шрифты прекрасно работают в Chrome и Firefox. Однако, когда я go перехожу на IE11, вес шрифта становится намного более жирным, по-видимому, принимая вес шрифта другого текста, который использует вес шрифта, кратный 100. Я пошел в консоль и изменил вес шрифта на 400 и он меняется на более светлый текст, но есть ли какой-нибудь способ, которым я мог бы сделать его точно 350/380? Я не мог найти ничего полезного в Интернете об этом.

Answer 1

К сожалению, IE11 не поддерживает изменения веса шрифта, которые отличаются от кратных 100. Я бы предложил использовать медиа-запрос для изменения веса шрифта, который ближе всего к 350/380 для IE11. Таким образом, вы установите вес шрифта в IE11 на 400.

/* Other browsers will have font-weight of 380 */
body {
  font-weight: 380;
}

/* Target IE11 and set font-weight to 400 */
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body {
    font-weight: 400;
  }
}

Answer 2

Я создал образец, используя font-weight с другим значением, похоже, это поведение браузера по умолчанию IE, вес шрифта в IE браузере немного смелее, чем Chrome или шрифт браузера Edge вес. Снимок экрана, например this .

Значение веса шрифта определяется дискретно (с использованием целого кратного 100). Это действительное значение, а значение целого, кратного не 100, округляется до полного кратного 100, а когда вы сталкиваетесь с полным кратным 100, вы преобразуете, например, 150, в 200.

Так что, на мой взгляд, я предлагаю вам напрямую изменить значение font-weight на 400 (вы также можете проверить предыдущий скриншот, похоже, что после рендеринга они похожи).