@ font-face не работает в Firefox (но точно такой же код работает на другом сайте) - PullRequest
Новая
       34

@ font-face не работает в Firefox (но точно такой же код работает на другом сайте)

2 голосов
/ 23 июня 2010

У меня есть два сайта, использующих один и тот же точный код для @ font-face.Файлы шрифтов размещены на соответствующих сайтах, и пути правильные.

Один работает, другой нет.(И, конечно, это работает на моем личном сайте, а не на клиентах!)

Я бы очень признателен за свежий взгляд на это!

Где это работает:

* 1008site: http://example.com/

Файл CSS: http://365.example.com/index.php?css=photos/style.v.1275845154

Соответствующий код: 

@font-face {
    font-family: 'JournalRegular';
    src: url('./themes/fonts/journal.eot');
    src: local('Journal Regular'), local('Journal'), url('./themes/fonts/journal.ttf') format('truetype');
 }
body{
    background: url("http://labs.example.com/personal/library/images/BG.jpg");
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'JournalRegular', Georgia, 'Times New Roman', Times, sans-serif;
    color: #999;
 }

Где это НЕ РАБОТАЕТ:

Сайт: http://www.example.org/

Файл CSS: http://www.example.org/wp-content/themes/theme/style.css

Соответствующий код: 

@font-face {
    font-family: 'JournalRegular';
    src: url('http://example.org/wp-content/themes/theme/fonts/journal.eot');
    src: local('Journal Regular'), local('Journal'), url('http://example.org/wp-content/themes/theme/fonts/journal.ttf') format('truetype');
 }
.title h1{
    float:left;
    background:url(images/blt-ttl1?.png) no-repeat 0 4px;
    margin:0px 0 5px;
    /* padding:8px 0 8px 34px; */
    color:#bd5f01;
    letter-spacing: .5pt
    font:24px/26px 'JournalRegular', Georgia, 'Times New Roman', Times, serif;
}

Любая помощь будет принята с благодарностью!

Ответы [ 3 ]

5 голосов
/ 01 мая 2013

окончательное решение этой проблемы: 

    <FilesMatch "\.(ttf|otf|eot)$">
    <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    </IfModule>
    </FilesMatch>

Скопируйте код в файл .htaccess, загрузите его, и все готово: firefox покажет ваши шрифты @ font-face.

Надеюсь, что это работает для всех!

4 голосов
/ 23 июня 2010

Firefox по умолчанию принимает только относительные ссылки для font-face .. ссылка

Использование Контроль доступа HTTP или относительные ссылки

3 голосов
/ 23 июня 2010

Внедрение шрифтов, то есть @font-face требует, чтобы файл шрифта создавался для каждого домена.

Это потому, что некоторые шрифты могут иметь проблемы с авторским правом.

...