Как решают проблему со шрифтами для разных языков в своих продуктах?

Question

[LNK]

Приветствую. Столкнулся с проблемой, что используемый в моём продукте шрифт поддерживает далеко не все языки - а вдруг пользователю захочется вставить в поле ввода какой-нибудь экзотический китайский текст? Пользователь ведь увидит эти квадратики, tofu. Наткнулся на шрифт от гугла с поддержкой для всех языков - Noto, но попробовал написать им японский/китайский текст, там тоже эти неподдерживаемые символы получаются. К тому же зависеть от одного гугловского шрифта - тоже не вариант. Тем не менее, если вставить любой текст в visual studio или phpstorm, то там всё корректно отображается на любом языке. И шрифт на разных языках визуально один. Как решают проблему со шрифтами для разных языков?

Comments

[Ankhena]

И шрифт на разных языках визуально один.

Не знаю как понять одинаковый ли шрифт для русского и китайского.
Обычно задают не один шрифт.
В вебе это выглядт так: fant-family: Noto, Arial, sans-serif

[LNK]

Ankhena W: Скажите, а в вебе автоматически применяется шрифт, который поддерживает язык (Если он в числе перечисленных в font-family)?

[Ankhena]

NikHaker:
Давайте потестируем https://jsfiddle.net/3xr0t8jp/
Пишите свой текст в левом верхнем окне.
Справа указаны шрифты.

Еще, кроме шрифтов есть кодировка. Квадратики могут показываться и из-за нее.

[LNK]

Ankhena W: Действия вообще происходят в скрипте php, генерирую картинку с надписью при помощи ImageMagick. Кодировку задал, но проблему это не решило, к сожалению. В вебе, может быть, браузер (или css) автоматически исправляют проблему со шрифтами. А тут я конкретно задаю .ttf файл шрифта, которым нужно написать текст. NotoSansRegular всякие закорючки не поддерживает.

Answer 1

[PiggyPig]

Главное, чтобы шрифт полностью поддерживал английский и русский (некоторые не поддерживают "й" и "ё" к примеру).
А вообще используют несколько шрифтов, чтобы в случае, если у пользователя не поддерживается один, включился другой. Практически везде в таком списке есть Helvetica и Arial. Helvetica имеется на Mac, Arial - на Windows и на Mac. Они поддерживают всяческие иероглифы, но, если не ошибаюсь, их нет в Linux. Тем не менее этими шрифтами Вы уже охватите аудиторию, сидящую на Windows и Mac.

P.S. Ошибся, в комментариях исправил.

Comments

[LNK]

Сейчас потестил, Helvetica и Arial иероглифы не показывают...

[PiggyPig]

NikHaker: А Вы где пробовали писать иероглифы? Если на самом GoogleFonts или сайте шрифта, то это не то. Я тут тоже не в то русло пошел. Иероглифы у Вас будут поддерживаться, если Вы зададите самому сайту кодировку utf-8. Квадраты у шрифтов появляются, потому что сам шрифт не поддерживает их в своем стиле.
Попробовал на своем сайте вписать пару экзотических символов - никаких квадратов нет, просто символы отрисовываются не тем шрифтом, который был задан на сайте.
Если нужно именно застилизовать символы, то поищите шрифты по нужным языкам.
Извините, что вместе с собой и Вас запутал.

[LNK]

PiggyPig: Спасибо за ответ. Меня вообще интересует не столько веб, про иероглифы - это я тестил в php-imagick, когда генерирую картинку с надписью. Я попробовал задать вручную кодировку UTF-8 - mb_internal_encoding('UTF-8'), но это не помогло, тот же шрифт Noto показывает знаки вопроса. Возможно, что в вебе работает потому, что браузер сам пытается исправить проблему со шрифтами, а здесь всё вручную. Посмотрел на сайте Яндекс переводчика, у них почти для каждого экзотического языка свой шрифт включается. Судя по всему, нужно будет просто для каждого языка брать конкретный шрифт, который поддерживает этот язык... Универсальных шрифтов я пока не нашел.