css - @font-face 在 Firefox 和 Chrome 中的奇怪行为

Question

我在 Firefox 和 Chrome 中遇到@font-face 的奇怪问题。看起来字体在索引页面和从索引页面直接链接的任何页面上正确显示。但是，一旦我从索引页面访问一个页面，然后单击该页面中的一个链接，新页面中的字体就会损坏。

如果这有点难以理解，那么网站地址是 http://www.sungblue.com .字体在主页上显示正常。如果我单击菜单栏上的婚礼，那么该页面中的字体也很好。但是，如果我从婚礼页面进入“常见问题”页面，那么字体就会损坏。

我不明白为什么会发生这种情况，因为我已经检查了所有代码并且它在所有页面上都是相同的，知道为什么这只影响某些页面吗？

这是我的@font-face 代码的样子:

@font-face 
{
font-family: 'elron';
src: url('http://www.sungblue.com/Fonts/Elron/elronmonospace-webfont.eot'); /* IE9 Compat Modes */
src: url('http://www.sungblue.com/Fonts/Elron/elronmonospace-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('http://www.sungblue.com/Fonts/Elron/elronmonospace-webfont.woff') format('woff'), /* Modern Browsers */
     url('http://www.sungblue.com/Fonts/Elron/elronmonospace-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('http://www.sungblue.com/Fonts/Elron/elronmonospace-webfont.svg#svgelron') format('svg'); /* Legacy iOS */
}

非常欢迎您提出任何建议。谢谢

丹

Answer 1

原因是 URL。当你在主页或直接在主页下时，URL 是:

http://www.sungblue.com/weddings.html

在常见问题中，URL 没有 www:

http://sungblue.com/weddingfaq.html

尝试使用 .htaccess 或内部重定向来标准化 www.sungblue 和 sungblue 链接。相同的常见问题页面有效，如果您使用以下链接:

http://www.sungblue.com/weddingfaq.html