Html Firefox不呈现字体：问题的根源通常是什么？

我想从网站上打开字体

，

，因此我下载了不同编码的字体的本地副本（除了

svg

字体和

iefix

字体），将它们放在与我的CSS文件相同的文件夹中，并复制了组织的

@font-face

定义

@font-face {
  font-family: 'open_sansregular';
  src: url('/resources/fonts/opensans/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
  src: url('/resources/fonts/opensans/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/resources/fonts/opensans/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'), url('/resources/fonts/opensans/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'), url('/resources/fonts/opensans/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('/resources/fonts/opensans/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
  src: url('/resources/fonts/opensans/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/resources/fonts/opensans/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'), url('/resources/fonts/opensans/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'), url('/resources/fonts/opensans/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

但在适当的情况下，将其更改为本地路径：

@font-face {
  font-family: 'open_sansregular';
  src: url('OpenSans-Bold-webfont.eot');
  src: url('http://www.catholicdos.org/resources/fonts/opensans/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Bold-webfont.woff') format('woff'), url('OpenSans-Bold-webfont.ttf') format('truetype'), url('http://www.catholicdos.org/resources/fonts/opensans/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('OpenSans-Regular-webfont.eot');
  src: url('http://www.catholicdos.org/resources/fonts/opensans/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Regular-webfont.woff') format('woff'), url('OpenSans-Regular-webfont.ttf') format('truetype'), url('http://www.catholicdos.org/resources/fonts/opensans/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

---

字体在Chrome中呈现，但在Firefox中不呈现。我知道Firefox读取

ttf

文件，但我不明白为什么不呈现它们。我有时会遇到这个问题，有时不会，所以我不知道为什么有时会发生这种情况。有人能给我一个我应该查找的潜在问题的列表吗？

您的路径在

web fonts

目录中包含一个空格字符，您需要对其进行编码。将空格替换为

%20

，使其看起来像这样

src: url('http://www.catholicdos.org/resources/fonts/opensans/web%20fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),

---

（或者更好的方法是，如果您确定不会破坏任何东西，请重命名目录

web字体

）

很高兴知道，尽管它不能解决我遇到的问题