Как лучше подгрузить шрифт — с google fonts или со своего хоста?

Question

[weranda]

Приветствую.
Есть шрифт Ubuntu и думаю как его загрузить на сайт. Есть варианты:
1. Загрузить его с Google.Fonts.
2. Скачать его с офф. сайта, удалить лишние символы и добавить на свой хост и оттуда грузить. В этом варианте есть одна маленькая проблемка — расстояние между буквами чуть разное между обработанным шрифтом и шрифтом с Гугла.

Больше нравится второй вариант — на своем хосте надежнее, мне так кажется, но я не уверен. Поэтому прошу вашего совета в выборе варианта, если можно, то с пояснением.
Будет ли шрифт на своем хосте грузиться быстрее, чем с Гугла? Бывали ли проблемы с загрузкой шрифтом с Гугла (перебои какие-нибудь)? Кешируется ли один и тот же шрифт, загруженный из Гугла, у пользователя при посещении разных сайтов или даже если на одном сайте был встроен шрифт с Гугла, то это не будет означать того, что он уже будет в кеше пользователя сайта?

Comments

[Сергей delphinpro]

3, Скачать с гугл фонтс и подключить локально.
Как? Открыть ссылку в браузере, посмотреть какой css (там @font-face) инжектируется, взять оттуда ссылки на файлы шрифтов и дернуть их wget'ом.

Answer 1

[maxim]

здесь обсуждают твой вопрос

Но сам знаю, cdn подключение быстрее загружает сайт, так как это популярно и шрифты сохранены в кеш браузера юзера

Comments

[maxim]

weranda, ну что в итоге выбрал?

[weranda]

Второй вариант, так как замечено, что конкретно со шрифтом Ubuntu в Google.Fonts что-то не ладное в сравнении с системным. Но второй вариант — та еще заморочка: не все программы экспортируют, какие-то экспортируют, но кривовато, а некоторые сервисы добавляют свои сложности и пр. Надо точно знать что и как в шрифтах делается, а с этим малость туговато.

[maxim]

weranda, а в чем проблема? Вроде подключать шрифты не сложно через @font-face.. Или это какой-то необычный шрифт?) напиши в телегу мне, так я просто быстрее прочитаю

[weranda]

m1rvi, Подключать — да, просто. Шрифт распространенный — Ubuntu. Мне кажется, проблема шрифта с Google.Fonts в том, не знаю как это правильно называется, но он создает некорректный отступ, как тут (после буквы "т" + видны еле заметные изменения очертаний букв в сравнении с оригинальным шрифтом, скачанным с сайта разработчика и установленный в систему (шрифт в Гугла делает больший отступ, чем в оригинале)):

[maxim]

weranda, ухты, ну это очень большие различия) аахах, я сначала даже не понял в чем прикол)
Да не парся, подключай через cdn, так думаю удобнее

Answer 2

[archelon]

Когда пару лет назад блокировали телеграм, были массовые проблемы с работой сайтов, использующих гугловский cdn.
Да, есть шанс, что у пользователя на компе шрифт будет в кэше, но с локальным размещением оно как-то спокойнее.
Скриптов это тоже касается.

расстояние между буквами чуть разное

Я обычно конвертирую через transfonter. проблем не было.

Answer 3

[Froggyweb]

расстояние между буквами чуть разное между обработанным шрифтом и шрифтом с Гугла

значит ты убил керинг. С гугла обычно наиболее оптимально, быстро и надежно, если ты только точно знаешь как тебе лучше оптимизировать шрифт, то грузи с со своего сервера