Какой самый оптимальный вариант загрузить шрифты на сайт?

Question

[Cosmonaut .]

Здравствуйте. у моего сайта есть шрифты "PT Sans", "Open Sans", "Myraid Pro".
естественно у всех нету этих шрифта, поэтому я хочу загрузить их свой сайт.
Какой самый оптимальный вариант?

Comments

[Андрей Хохлов]

Выберите из них один (PT Sans или Open Sans) и загрузите его с Google Fonts.

[Cosmonaut .]

ухудшают скорость сайта

[SagePtr]

White Hat .: красота требует жертв)

[Cosmonaut .]

SagePtr: Правда ;)

Answer 1

[Олег]

Какой самый оптимальный вариант?

Самый оптимальный - скачать шрифт ttf, сконвертировать в формат woff и woff2 и подключить в CSS с помощью @font-face.

Comments

[Cosmonaut .]

для чего нужно сконвертировать в формат woff и woff2 ?

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

Не угадали. Кроме простого woff/woff2 есть ещё диапазоны unicode символов. По нормальному (как Google Fonts делает) шрифт нарезается на множество кусочков, и реально загружаются лишь те глифы, которые нужны. Так что хотя Google Fonts и сторонний сервис (и тормозит загрузку страницы) это один из самых оптимальных способов, самостоятельно всё это делать очень больно.

[Олег]

White Hat .: https://developers.google.com/web/fundamentals/per...

[Cosmonaut .]

Олег: огромные спасибо.

[Олег]

Назар Мокринский: Google Fonts хороший вариант, при наличии нужного шрифта в их наборе и при отсутствии времени на мелочи, а так конечно шрифт не должен зависеть от сторонних сервисов от слова совсем, ведь типографика самая важная часть сайта.

Answer 2

[Андрей Верх]

3 шрифта для сайта, это перебор. Ограничитесь одним. Open Sans и PT Sans, разумнее всего грузить с Google Fonts.

Comments

[Cosmonaut .]

удалил Myraid pro

Answer 3

[dom1n1k]

Причем Myraid Pro - платный коммерческий шрифт.

Comments

[Cosmonaut .]

спасибо за инфа.

[Albert Kazan]

White Hat .: Не волнуйся и используй на здоровье. Мы живем в самой прекрасной стране на свете.