iOS 13 не отображается символ Unicode в рублях (руб.) - PullRequest
Новая
       8

iOS 13 не отображается символ Unicode в рублях (руб.)

4 голосов
/ 20 января 2020

У меня проблемы с отображением символа ₽ на iOS 13.xx Кажется, он работает на iOS12, но когда я использую устройство с установленным 13, символ юникода отображается как пустой квадрат.

https://www.fileformat.info/info/unicode/char/20bd/browsertest.htm

  • Все отлично работает на рабочем столе
  • iOS 12 правильно отображает символ
  • iOS 13 отображает пустой квадрат
  • Когда я устанавливаю для семейства шрифтов CSS только несколько параметров ('system-ui' - один), символ отображается правильно

Для сравните их, откройте пустую вкладку и добавьте только символ к телу HTML. Эта проблема сохранилась. Просто для ясности, когда у меня нет CSS или дополнительной разметки на странице, эта проблема появляется. Кто-нибудь сталкивался с этим? Apple удалила символы юникода из некоторых своих шрифтов?

iOS12:

enter image description here

iOS13:

enter image description here

Ответы [ 3 ]

3 голосов
/ 24 января 2020

Я закончил исследование и хочу сказать, что проблема исключительно в iOS и WKWebView. После обновления до версии 13 iOS перестал распознавать символ рубля ₽ и, например, азербайджанский манат ₼ и символ галочки Unicode (\u{2713}) в определенных наборах шрифтов.

Эта проблема затронула тысячи веб-страниц и даже крупные бренды. Так что, просто изменив шрифт на c, вы решили проблему, но это обходной путь.

те же проблемы для iOS13: 1 , 2

2 голосов
/ 20 марта 2020

В качестве обходного пути: 

<style>
  span.ruble-icon {
    font-family: "Helvetica Neue", sans-serif;
  }
</style>
<span class="ruble-icon">₽</span>
1 голос
/ 09 апреля 2020

Я также сталкивался с этим, iOS 13 не отображает символ Unicode в российских рублях (₽): - Это шрифт по умолчанию на Mac, но редко на ПК. Так как это технически небезопасно, некоторые люди могут иметь его, а некоторые нет. Если вы хотите использовать такой шрифт, без использования @ font-face, вы можете захотеть написать его несколькими различными способами, потому что он может работать не для всех одинаково. "Helvetica Neue", это работает для меня, лучше попробуйте этот пример : font-family: "Helvetica-Cyrilli c", "Helvetica", "Helvetica Neue";

...