Question

我有一个网站：

http://seachangesalt.com/

本网站有两个别名：

它链接到同一个网站，相同的后端信息。在FireFox中，别名菜单和横幅的字体和css似乎发生了变化。它们更大，菜单甚至被推到目前为止它可以切割2-3个菜单项。

如果它们只是具有别名的同一网站，为什么会发生这种情况？该网站是在WordPress中构建的，但我认为这与它没有任何关系。

编辑：我支持纠正这也发生在IE中。 Chrome是唯一正确使用它的人。

Answer 1

您的问题是您使用绝对路径链接到字体的css文件，但css文件本身包含相对路径。因此，浏览器将尝试从与当前别名不同的域名中提取文件。有些浏览器试图通过在某些情况下不允许这种情况来避免跨服务器漏洞。将绝对路径更改为相对路径，您的问题就会消失。

改变这个：

<link rel='stylesheet' id='customfont-css'  href='http://SeaChangeSalt.com/wp-content/themes/zenon/fonts/yanone_kaffeesatz.css?ver=3.5.1' type='text/css' media='all' />

对此：

<link rel='stylesheet' id='customfont-css'  href='wp-content/themes/zenon/fonts/yanone_kaffeesatz.css?ver=3.5.1' type='text/css' media='all' />

所以看看你用于Wordpress的主题进入文件：

修改

<强> /wp-content/themes/zenon/functions.php

使用绝对网址更改请求字体样式表的这一行：

wp_enqueue_style('customfont',get_template_directory_uri().'/fonts/'.$zn_fonts = of_get_option('font_select', 'yanone_kaffeesatz' ).'.css');

并使用wp的函数通过将行更改为完整的主题网址来制作临时相对网址：

wp_enqueue_style('customfont',wp_make_link_relative(get_template_directory_uri()).'/fonts/'.$zn_fonts = of_get_option('font_select', 'yanone_kaffeesatz' ).'.css');

我相信这是强制wordpress输出该字体样式表的正确相对网址的一种方法。

Answer 2

我们为它做了一个htaccess编辑。

   <FilesMatch "\.(ttf|otf|eot)$">
        <IfModule mod_headers.c>
            Header set Access-Control-Allow-Origin "*"
        </IfModule>
    </FilesMatch>

WordPress网站的别名域之间的外观差异

2 个答案: