我在使用两种浏览器的网站中遇到@font-face 问题：Firefox 和 Chrome。
在 Firefox 中，@font-face 规则不起作用，它使用备用字体——Helvetica——
我在样式表的顶部声明了这样的字体：
@font-face {
font-family: 'pf_centro_sans_proregular';
src: url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.eot');
src: url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.eot?#iefix') format('embedded-opentype'),
url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.woff') format('woff'),
url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.ttf') format('truetype'),
url('http://static.algarabia.com/CDN/fonts/pfcentrosanspro-reg-webfont.svg#pf_centro_sans_proregular') format('svg');
font-weight: normal;
font-style: normal;
}
如果我在浏览器中输入 URI，它会毫无问题地下载字体，因此，字体就在那里（Opera 和 Safari 以正确的字体显示站点）
在 Chrome 中突然（我猜有一些更新）菜单更改为备用字体，是的，只是菜单，网站的其余部分按预期运行。
我知道字体在那里，我的 CSS 不应该那么糟糕，因为它可以在 Safari（桌面和移动设备）和 Opera 中使用。
有什么提示吗？
感谢您的时间和帮助。