Как предотвратить синтез Font-Weight на Chrome для местных шрифтов «Simsun» и «MS Gothic»?CSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Как предотвратить синтез Font-Weight на Chrome для местных шрифтов «Simsun» и «MS Gothic»?

Сообщение Anonymous »

Я нахожусь в Windows 11, поэтому Simsun и MS Gothic устанавливаются по умолчанию и не содержат смелых глифов. class = "Snippet-Code-CSS Lang-CSS PrettyPrint-override">

Код: Выделить всё

body {
font-family: sans-serif;
font-size: 24px;
padding: 20px;
}
.text-container {
margin-bottom: 20px;
border: 1px solid #ccc;
padding: 10px;
}
.simsun {
font-family: "SimSun";
}
.bold {
font-weight: bold;
}
.no-synthesis {
font-synthesis-weight: none;
}< /code>






Original SimSun Text (Normal Weight)

SimSun Text with font-weight: bold (Browser may synthesize)

SimSun Text with font-weight: bold AND font-synthesis-weight: none (Should only be bold if actual bold face exists)

If the third example is NOT bold, it suggests the browser was synthesizing the bold for the second example.


< /code>
< /div>
< /div>
< /p>
Сравните второй и третий абзацы, чтобы сделать вывод, синтезирует ли ваш браузер для Simsun: < /p>

, если третий параграф не является Brold, I. То, что браузер синтезировал смелую версию для второго абзаца. /> < /li>
< /ol>
Когда я тестировал в последнем браузере Firefox, третий абзац не сжимается, поэтому браузер полагался на синтез, что означает, что истинный жирный вариант Simsun не был доступен. Это противоречит ожиданию, что Font-Synthesis-Weight: None; 
должно предотвратить смелый синтез. Что здесь происходит? Есть ли ошибка в браузере, или это недоразумение того, как работает Font-Synthesis Weight < /code>? />

Код: Выделить всё

body {
font-family: sans-serif;
font-size: 24px;
padding: 20px;
}
.text-container {
margin-bottom: 20px;
border: 1px solid #ccc;
padding: 10px;
}
.ms-gothic {
font-family: "MS Gothic";
}
.bold {
font-weight: bold;
}
.no-synthesis {
font-synthesis-weight: none;
}< /code>






Original MS Gothic Text (Normal Weight)

MS Gothic Text with font-weight: bold (Browser may synthesize)

MS Gothic Text with font-weight: bold AND font-synthesis-weight: none (Should only be bold if actual bold face exists)

If the third example is NOT bold, it suggests the browser was synthesizing the bold for the second example.





Подробнее здесь: https://stackoverflow.com/questions/796 ... n-and-ms-g
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Тестирование шрифта-синтеза с шрифтом Simsun (или MS Gothic): несоответствие поперечного браузера
    Anonymous » » в форуме CSS
    0 Ответы
    2 Просмотры
    Последнее сообщение Anonymous
  • Font-Weight CSS переход в Chrome
    Anonymous » » в форуме CSS
    0 Ответы
    10 Просмотры
    Последнее сообщение Anonymous
  • Почему определение «font-weight» влияет на время загрузки больших списков данных?
    Anonymous » » в форуме CSS
    0 Ответы
    14 Просмотры
    Последнее сообщение Anonymous
  • Могу ли я переопределить «font-weight:bold», используя другую корневую переменную?
    Anonymous » » в форуме CSS
    0 Ответы
    21 Просмотры
    Последнее сообщение Anonymous
  • Почему Font-Weight: 450 не отличается от 500 в CSS, но на Figma?
    Anonymous » » в форуме CSS
    0 Ответы
    3 Просмотры
    Последнее сообщение Anonymous

Вернуться в «CSS»