@ font-face не работает должным образом в Firefox 3.6 для Mac - PullRequest
Новая
       5

@ font-face не работает должным образом в Firefox 3.6 для Mac

1 голос
/ 28 марта 2011

Я разрабатываю веб-сайт на своем промежуточном сервере в Firefox 3.6 со значением http://downhamcottage.co.uk/test

У меня есть файл CSS, связанный с сайтом, который

Я получаю нижние шрифты впорядок размещения шрифтов, например, без засечек при начальной загрузке страницы, а затем включается шрифт Museo 300 и 500, как только пользователь нажимает на другую страницу.Он работает нормально в других браузерах даже в ie7!Стиль @ font-face, используемый в таблице стилей, выглядит следующим образом: 

@font-face {
font-family: 'PermanentMarkerRegular';
src: url('../fonts/permanentmarker-webfont.eot#') format('eot'), 
     url('../fonts/permanentmarker-webfont.ttf')  format('truetype'),
     url('../fonts/permanentmarker-webfont.woff') format('woff'), 
     url('../fonts/permanentmarker-webfont.svg#webfontEHg8OqO7') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo300';
    src: url('museo300-regular-webfont.eot');
    src: url('../fonts/museo300-regular-webfont.eot#') format('eot'),
         url('../fonts/museo300-regular-webfont.woff') format('woff'),
         url('../fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo300-regular-webfont.svg#webfontGEzJeS93') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo500';
    src: url('museo500-regular-webfont.eot');
    src: url('../fonts/museo500-regular-webfont.eot#') format('eot'),
         url('../fonts/museo500-regular-webfont.woff') format('woff'),
         url('../fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo500-regular-webfont.svg#webfontZgaZZaau') format('svg');
    font-weight: normal;
    font-style: normal;
}

Любые мысли о том, почему это произойдет в Firefox 3.6 для Mac, приветствуются, так как я говорю, что он отлично смотрится в других браузерах.

Ответы [ 2 ]

0 голосов
/ 18 апреля 2012

Возможно, это потому, что он все еще ждет загрузки шрифтов. Из Mozilla :

Когда Gecko отображает страницу, которая использует веб-шрифты, первоначально отображает текст с использованием лучшего резервного шрифта CSS, доступного на компьютере пользователя, в то время как он ожидает завершения загрузки веб-шрифта . По завершении загрузки каждого веб-шрифта Gecko обновляет текст, который использует этот шрифт. Это позволяет пользователю быстрее читать текст на странице.

0 голосов
/ 05 ноября 2011

Из того, что я понимаю, Firefox вообще не любит css в ', кажется, он должен быть в пределах "

есть: 

@font-face {
     font-family: "PermanentMarkerRegular";
     src: url("../fonts/permanentmarker-webfont.eot") format("eot"), 
     url("../fonts/permanentmarker-webfont.ttf")  format("truetype"),
     url("../fonts/permanentmarker-webfont.woff") format("woff"), 
     url("../fonts/permanentmarker-webfont.svg#webfontEHg8OqO7") format("svg");
     font-weight: normal;
     font-style: normal;
}

Также у вас есть # в конце вашего .eot файла, я не уверен, зачем вам это нужно

...