Css 本地加载但不在服务器上加载的嵌入式字体

我正在尝试使用以下代码在我的网站上嵌入字体：

@font-face {
    font-family: 'MuseoSans-100';
    src: url('../fonts/MuseoSans-100.html');
    src: url('../fonts/MuseoSans-100d41d.html?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans-101.html') format('woff'),
         url('../fonts/MuseoSans-102.html') format('truetype'),
         url('../fonts/MuseoSans-100.svg#MuseoSans-100') format('svg');
    font-weight: normal;
    font-style: normal;
}

但是，这些字体不会在web服务器上呈现，因为它们是在我的本地计算机上呈现的

---

URL为：

检查权限folderfonts文件夹，所有子对象都已设置为755。问题随之而来。为什么它们是html扩展？哇。谢谢你抓住那个。。。问题解决了。