CSS « Подключение шрифта к сайту

Добрый день! Столкнулась с проблемой при добавлении нестандартного шрифта на сайт. Облазила кучу форумов, везде одно решение, но, увы, у меня оно не работает =( Вот код css:

@font-face {
  font-family: 'Cotlin';
  src: url('fonts/cotlin.eot');
  src: local('☺'), url('fonts/cotlin.woff') format('woff'), url('fonts/cotlin.ttf') format('truetype'), url('fonts/cotlin.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

Шрифт Cotlin с разными расширениями находится в папке fonts в корне сайта, но всё равно не подгружается. На моём компьютере (где установлен этот шрифт) текст на сайте отображается правильно, на других же устройствах стандартный Times New Roman... Что я делаю не так?

P.S.: Данный код я получила на сайте http://www.font2web.com/ , где переводила свой шрифт в формате ttf на другие расширения (eot, woff, svg, otf).

1 ответов


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


Пропишите путь не 'fonts/cotlin.eot', а '/fonts/cotlin.eot'.
Лидирующий слэш означает «от корня домена». Так должно заработать.