Как лучше загружать шрифты на сайт?

Question

[Иван]

Встал вопрос: как лучше подключить шрифты к сайту.
Вариантов не так много.

1. Подключить через Google Fonts.
2. Загружать шрифты со своего сайта

И тут несколько вопросов:
1. Как лучше сделать?
2. В каком формате грузить шрифты со своего сайта? У меня сейчас грузятся ttf которые я скачал с google, но других шрифтов там и нет.

Comments

[Ankhena]

Плюсы и минусы у каждого из вариантов. Они вроде очевидны.

По второму:
Для современных сайтов нужны форматы woff2 и woff. Порядок подключения именно такой, вначале самый современный формат.

У меня сейчас грузятся ttf которые я скачал с google, но других шрифтов там и нет.

Есть, конечно.

Вот пример получения для шрифта Inter https://fonts.googleapis.com/css?family=Inter
Если откроете в браузере, поддерживающим woff2, то получите их, если в IE, то woff.

Либо используйте конвертер (это может оказаться проще)

Answer 1

[Никита]

1. Используйте второй вариант, зачастую cdn дольше загружается.
2. Загуглите как правильно подключать шрифты.

Answer 2

[Игорь Захаров]

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

Если сервер правильно настроен на кеширование и прочие фишечки, шрифты под боком - это не плохо.

Answer 3

[Антон Иванов]

Практически всегда на боевых сайтах применяют первый вариант. И бывает не только GF, но и другие CDN.
Во время разработки сайта или в изолированной среде (да и такие бывают) выбирайте второй вариант.

Answer 4

[Антон Семенихин]

Личноя предпочитаю через CDN от Google Fonts подключать. Удобно, не занимает места на серверах.