@ font-face не работает на других компьютерах - PullRequest
Новая
       10

@ font-face не работает на других компьютерах

0 голосов
/ 14 января 2011

Я работал над своим первым сайтом HTML5 / CSS3, и по большей части все шло хорошо. Полностью люблю новое свойство @ font-face, и оно отлично работает на моей машине. Проблема, с которой я сталкиваюсь, заключается в том, что при предварительном просмотре на другом устройстве (компьютере, ipad, iphone) оно, похоже, не распознает свойство @ font-face и вместо этого использует запасной шрифт.

Ссылка на сайт: http://williamben.com/

Вот CSS, который я использую: 

@font-face { font-family: 'League Gothic';
             src: url('_/type/league_gothic.otf') format('otf');
}

Любая помощь будет оценена.

Заранее спасибо.

Ответы [ 3 ]

3 голосов
/ 14 января 2011

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

Похоже, причина в том, что вы указываете на несуществующий шрифт или неверный путь. http://williamben.com/_/type/league_gothic.otf не существует.

1 голос
/ 14 января 2011

Согласен с дстореем. Также, возможно, проверьте белку шрифта, чтобы получить больше освещения: http://www.fontsquirrel.com/fontface/generator

0 голосов
/ 17 января 2011

Из-за опасностей путь к файлу может быть неправильным. Но вы все равно захотите использовать генератор fontsquirrel, потому что он даст вам еще несколько строк кода, обеспечивающих работу шрифта практически в каждом браузере. Затем происходит откат к основному стеку шрифтов, если все остальное терпит неудачу.

...