Почему текст на IOS «Yandex Browser» отображается некорректно?

Question

[Денис Соколов]

Это стиль для описания которое отображается не корректно

.block-block__description {
  font-size: 16px;
  letter-spacing: 0.1em;
  font-variant: all-petite-caps;
  text-align: center;
  width: 500px;
  margin: 0 auto;
}

Почему то отображаются какието иконки писем и место "-" отображается буква А и пробел

Comments

[Ankhena]

А в остальных браузерах нормально чтоль?

[Денис Соколов]

незнаю
но в yandex browser ошибка

[Ankhena]

Денис Соколов, так узнайте

[Денис Соколов]

Ankhena, ну так надо сначала тут пофиксить

[Ankhena]

Денис Соколов, ну раз вы сами знаете, что и где фиксить, то ок ;)

[Lynn «Кофеман»]

Учитывая что в ios все браузеры на самом деле практически одно и то же, я бы всё же начал с сафари

[ForSureN1]

Вероятнее всего просто шрифт не поддерживает данную символику

[Ankhena]

Я бы сначала убедилась, что это во всех браузерах.
Потом убрала бы font-variant: all-petite-caps; и посмотрела что будет.
А потом пошла бы искать шрифт в нормальном виде.

[Денис Соколов]

Ankhena, Я уже проверил это во всех браузерах. Если убрать font-variant: all-petite-caps; то все будет нормально, но с этим стилем текст выглядит красивее

[Ankhena]

Денис Соколов, можно попробовать задавать этот шрифт только для букв.
https://developer.mozilla.org/en-US/docs/Web/CSS/@...