Html @字体有时有效，有时无效？

我的css中的@font-face规则有问题。 在某些样式表中，它可以完美地工作；在另一些样式表中，它根本不工作

正如您在代码片段中看到的，我使用外部文件作为字体，但在这种情况下，它不起作用

有什么想法吗

无尽的感激将是你的一份：）

@charset“utf-8”
@字体{
字体家族：僧伽罗；
src:url（font/Sinhala.ttc）；
}
#包装纸{
宽度：45%；
浮动：左；
位置：相对位置；
左缘：5%；
利润率最高：-42.5%；
盒影：3px 5px 4px 0px黑色；
高度：20vw；
}
#包装器4Trans{
宽度：45%；
浮动：左；
位置：相对位置；
左缘：5%；
利润率最高：-42.5%；
背景色：黑色；
不透明度：0.5；
高度：20vw；
}
#第1栏标题{
宽度：65%；
字体家族：僧伽罗；
字体大小：1.0vw；
颜色：白色；
利润率最高：2%；
文本对齐：居中；
}
#框1img{
宽度：60%；
位置：相对位置；
浮动：左；
左缘：2.5%；
利润率最高：1.5%；
}
#框1text{
宽度：25%；
位置：相对位置；
浮动：左；
字体家族：僧伽罗；
字体大小：1.0vw；
颜色：白色；
左缘：5%；
利润率最高：5%；
文本阴影：0px2px4pRGBA（0,0,0,0.50）；
}
#方框1TXT2{
宽度：25%；
位置：相对位置；
浮动：左；
字体家族：僧伽罗；
字体大小：1.0vw；
颜色：白色；
左缘：5%；
利润率最高：5%；
文本阴影：0px2px4pRGBA（0,0,0,0.50）；
}
#框1链接{
宽度：25%；
位置：相对位置；
浮动：左；
字体家族：僧伽罗；
字体大小：1.0vw；
颜色：白色；
左缘：5%；
利润率最高：5%；
文本阴影：0px2px4pRGBA（0,0,0,0.50）；
光标：指针；
}

www.pieterswebdesign.com

Pieter的网页设计甚至比Gent的网页设计师还要出色

Voor betaalbare professionele网站是理想的运营商

很可能是字体，因为您确实需要创建webfont工具包并使用各种字体文件类型：

例如：

@font-face {
    font-family: 'FontName';
    src: url('fontname-webfont.eot');
    src: url('fontname-webfont.eot?#iefix') format('embedded-opentype'), 
         url('fontname-webfont.woff2') format('woff2'), 
         url('fontname-webfont.woff') format('woff'), 
         url('fontname-webfont.ttf') format('truetype'), 
         url('fontname-webfont.svg') format('svg');
}

您应该使用webfont生成器，如：

---

（显然，您需要有许可证才能将某些字体用作网络字体，因此最好在转换任何字体之前进行检查。）

对于浏览器兼容性，您必须使用此规则

/* Fonts */
@font-face {
    font-family: 'sinhala';
    src: url("./fonts/sinhala.eot");
    src: url("./fonts/sinhala.eot?#iefix") format('embedded-opentype'),
         url("./fonts/sinhala.woff") format('woff'),
         url("./fonts/sinhala.ttf") format('truetype'),
         url("./fonts/sinhala.svg#montezregular") format('svg');
    font-weight: normal;
    font-style: normal;
}

您必须获得字体的三种格式（woff、eot、ttf）。 见 在此页面上，您可以将字体转换为correcto格式

---

成功

谢谢，很好的正确答案复制我的10分钟后，我张贴了我的！