Как организовать правильное подключение шрифтов?

Question

[Вениамин Смирнов]

Привет!

Всё время пользовался сервисов Google Fonts для подключение шрифтов (встраивая код подключения шрифта в head). Сейчас столкнулся с тем, что есть шрифты, которых нет в Google Fonts, но их можно найти на других веб-сервисах (чтобы подключить шрифт).

Вопрос, как лучше подключать шрифты:
1. Через @font-face (загружая в папку с сайтом все шрифты в нужных форматах и т.д.) в css
2. Или использовать метод добавления в head ссылок для подключения шрифтов?

Answer 1

[Олег]

Типографика самая важная часть сайта, поэтому на мой взгляд лучше грузить шрифты со своего сайта, а не сторонних сервисов, даже гугла, я за пункт 1.

Можно еще заниматься всяким непотребством, хранить шрифты в локальном хранилище, кодировать в Base64 и всякое такое.

Comments

[ihabia]

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

css/font.css
css/main.css

Так не быстрее будет работать? или это одно и тоже, если бы подключить в основном файле стилей в самом начале?

Answer 2

[Антон Федорян]

так

Answer 3

[Дмитрий Полтавченко]

Безусловноипервый вариант. Так надежней. Конвертить фонты с помощью белки.

Comments

[Вениамин Смирнов]

polkoks4 Белки?

[Дмитрий Полтавченко]

Ingword: www.fontsquirrel.com/tools/webfont-generator. Будут вопросы по настройкам, пиши.

Answer 4

[Максим Гатилин]

О том как подключать шрифты современно, модно и молодежно я написал в статье.