我试图用@fontface加载两个字体。但只加载了一个主题。 @ font-face都像对方似乎绝对没问题。这是我的样式表:
@font-face {
font-family: 'B Mitra';
src: url('./fonts/B Mitra.eot');
src: url('./fonts/B Mitra.eot?#iefix') format('embedded-opentype'),
url('./fonts/B Mitra.woff') format('woff'),
url('./fonts/B Mitra.ttf') format('truetype'),
url('./fonts/B Mitra.svg#webfont') format('svg');
}
@font-face {
font-family: 'BBCNassim';
src: url('./fonts/BBCNassim.eot');
src: url('./fonts/BBCNassim.eot?#iefix') format('embedded-opentype'),
url('./fonts/BBCNassim.woff') format('woff'),
url('./fonts/BBCNassim.ttf') format('truetype'),
url('./fonts/BBCNassim.svg#webfont') format('svg');
}
#Download > a {
font-family: 'BBCNassim';
}
#Map_Eshterak {
font-family: 'B Mitra';
}
“B Mitra”字体效果很好,但“BBCNassim”没有显示。 我已经发现了类似我的问题。但也有回答:Chrome not reading all my @font-faces