Question

我的字体不会出现在我的网站上，我不知道为什么！我真正想到的唯一原因是，也许我装的太多了？但是，我尝试删除它们的负载，这似乎不是这种情况。有什么想法吗？

代码......

＆＃13;

#panel1 h1 {
	color: #e66854;
	font-family: MuseoSansRounded500, helvetica, sans-serif;
	font-size:30px;
}


@font-face {
    font-family: MuseoSansRounded100;
    src:url(fonts/MUSEOSANSROUNDED-100_0.OTF);
	
	font-family: MuseoSansRounded300;
	src:url(fonts/MUSEOSANSROUNDED-300_0.OTF);
	
	font-family: MuseoSansRounded500;
	src:url(fonts/MUSEOSANSROUNDED-500_0.OTF);
	
	font-family: OpenSansLight;
	src:url(fonts/OpenSans-Light.ttf);
	
	font-family: OpenSansLightItalic;
	src:url(fonts/OpenSans-LightItalic.ttf);
	
	font-family: OpenSansReg;
	src:url(fonts/OpenSans-Regular.ttf);
	
	font-family: OpenSansRegItalic;
	src:url(fonts/OpenSans-Italic.ttf);
	
	font-family: OpenSansSemiBold;
	src:url(fonts/OpenSans-Semibold.ttf);
	
	font-family: OpenSansSemiBoldItalic;
	src:url(fonts/OpenSans-SemiboldItalic.ttf);
	
	font-family: OpenSansBold;
	src:url(fonts/OpenSans-Bold.ttf);
	
	font-family: OpenSansBoldItalic;
	src:url(fonts/OpenSans-BoldItalic.ttf);
}

＆＃13;

提前感谢任何建议！：）

Answer 1

一种对我有用的技术是在最后添加格式：

src: url(fonts/MUSEOSANSROUNDED-300_0.OTF) format('opentype');

Answer 2

您需要将每个字体声明拆分为单独的@ font-face块

@font-face {
   font-family: MuseoSansRounded100;
   src:url(fonts/MUSEOSANSROUNDED-100_0.OTF);
}
@font-face {
   font-family: MuseoSansRounded300;
   src:url(fonts/MUSEOSANSROUNDED-300_0.OTF);
}
...

为什么赢得@ Font-Faces加载？

2 个答案: