Есть ли веб-шрифты с полной поддержкой иероглифов (корейские, китайские, японские глифы)?

Question

[Rampages]

Суть в том, что на одной странице должны находиться одновременно символы разных языков.

1. Как быть в таком случае? Существуют ли "Best Practices" для этого?
   
2. Стоит ли использовать веб-шрифты? (Китайский firewall блочит google, в т.ч. google web fonts)
   
3. Как быть с мобильными платформами?
   
4. Можно ли добиться того, чтобы веб-страница выглядела одинаково на компьютерах с разными языковыми пакетами (русская версия Windows, корейская версия Windows, китайская версия Windows)? Т.е. глифы разных языков должны быть одинаковыми. А как насчет других платформ (Linux, BSD, Android, MacOS, iOS)?
   

Поиск в всемирной паутине дал небольшие рекомендации насчет китайского: Chinese Standard Web Fonts: A Guide to CSS Font Fa..., но статья от 2012 года и не совсем понятна её актуальность на сегодня, а также как быть если есть еще корейские и японские глифы?

UPD. Где-нибудь можно посмотреть шрифты, которые ставятся по умолчанию в Windows XP/7/8/8.1/10 ? Т.е. если ставишь с нуля китайский/японский/корейский Windows, то на наличие каких шрифтов можно ориентироваться? Тоже самое интересует для мобильных платформ и Mac OS/Linux.

Answer 1

[dom1n1k]

Насчет прямо всех символов - не знаю.
Но вот что есть от Google:
https://www.google.com/get/noto/help/cjk/
И то же самое под брендом Adobe:
https://github.com/adobe-fonts/source-han-sans/

Comments

[Petr Flaks]

Noto покрывает все символы Юникода, так что для автора вопроса он является лучшим выбором. Главное - не пугаться, что он весит больше 600мб. Надо просто подключать языковые компоненты при необходимости, а не всё разом.

[Rampages]

terron, dom1n1k
Спасибо за советы, но хотелось бы увидеть как это делается на практике, т.к. через https://fonts.google.com/ нельзя подключить "расширенный" Noto, но через https://fonts.google.com/earlyaccess можно подключить отдельные компоненты, но это тоже не совсем удобно.

Файлы шрифтов со всеми глифами весят больше 10Мб, подключение таких шрифтов сложно назвать Best Practice :) Подключать только используемые глифы означает отказаться от кэширования шрифтов. Хочется найти какой-то баланс.

[Petr Flaks]

Rampages: так мир же не только вокруг Google Font крутится. Вы можете, например, убрать из шрифтов всё, что вам не нужно, а затем загрузить их на любой CDN-сервер.

Answer 2

[Назар Мокринский]

В CSS есть такая штука как unicode-range. Вкратце: шрифт нарезается на множество кусочков, каждый из которых обслуживает отдельный участок диапазона символов Unicode. В зависимости от символов, которые есть на странице, браузер будет грузить только нужные файлы шрифтов, избегая неиспользуемые. Таким образом работает Google Fonts, самому тоже можно сделать, но довольно больно. В старых браузерах были проблемы, во всех современных же эта штука работает без проблем. В вашем случае может быть резонно выкачать все диапазоны из Google Fonts для шрифта Noto и отдавать с собственного домена.

Почитать про unicode-range и многое другое рекомендую здесь: https://developers.google.com/web/fundamentals/per...

Comments

[Rampages]

Назар Мокринский,
спасибо, ваш ответ более менее похож на решение.