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为：

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

在常见问题中，网址为没有www ：

http://sungblue.com/weddingfaq.html

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

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

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

1 个答案: