Стек шрифтов, включающий Museo, вообще не работает в FireFox и Opera - PullRequest
Новая
       71

Стек шрифтов, включающий Museo, вообще не работает в FireFox и Opera

0 голосов
/ 08 октября 2011

Я использую три разных шрифта.Вот мой @ fontface 

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

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

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

Первый и третий отлично работают.

Второй указан для тега body как: 

body, button, input, select, textarea {
font: 16px/1.625 MuseoSans500 "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
_font-size: 1em;
color: #333;
}

Это работаетотлично в Chrome и Safari

Однако в Opera 11.50 и Firefox 4.0.1 плохие новости;весь стек шрифтов не работает, и шрифт отображается как обычный старый засечек (чёрт!)

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

Я использую эти браузеры в Windows 7.

Ответы [ 2 ]

1 голос
/ 08 октября 2011

Вам не хватает запятой. 

font: 16px/1.625 MuseoSans500 "Lucida Grande"
font: 16px/1.625 MuseoSans500, "Lucida Grande"
                            ^^^ add this comma
0 голосов
/ 23 июля 2016

Хотя вам не хватает этой запятой, исходя из того, что вы сказали, у вас были проблемы со шрифтом MuseoSans500 для основного текста. Когда вы удалили его, вы были в порядке. Я думаю, что запятая отсутствует сейчас, когда вы показываете свой код.

Я бы попробовал установить font-family на один выбор за раз и посмотреть, что получится. Я также разделил бы размер шрифта и высоту строки на всякий случай, таким образом изолируя проблему, например так: 

body, button, input, select, textarea {
  font-family: MuseoSans500; /* start with this one by itself */
  font-size: 16px;
  line-height: 1.625;
  color: #333;
}
...