Как правильно подключить шрифт к сайту?

Question

[hax0r :3]

Всем привет ребят, такой вопрос, как правильно подключить шрифт с иконками к сайту? Я создал отдельную папку для шрифтов "fonts". Я указываю путь к шрифту "Он лежит в этой же папке"
Вот как я его подключил:

@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon.eot?-cemaup');
  src:url('../fonts/icomoon.eot?#iefix-cemaup') format('embedded-opentype'),
    url('../fonts/icomoon.woff?-cemaup') format('woff'),
    url('../fonts/icomoon.ttf?-cemaup') format('truetype'),
    url('../fonts/icomoon.svg?-cemaup#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

Answer 1

[Юрий Кучеренко]

Google Fonts

Answer 2

[Денис Каракчиев]

Не знаю, что у Вас за магия, у меня недавно была такая проблема. Решилось все тем, что в первой строчке ставим web font format (.woff), а не embeded и все работает:

@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon.woff');

Comments

[ilya_tsym]

помогло!

Answer 3

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

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

Answer 4

[Ejex Xeffer]

сам столкнулся, возможно и такое, что вы скачаете изначально гарнитуру без кирилицы.