差異在一個WordPress網站的別名域之間的外觀

Question

我有一個網站：

http://seachangesalt.com/

這個網站有兩個別名：

• http://seachangework.com/
• http://c2bvalue.com/

它鏈接到同一個網站，相同的後端信息。在FireFox中，別名菜單和橫幅的字體和CSS似乎都會改變。他們更大，菜單甚至推到了2-3個菜單項。

爲什麼會發生這種情況，如果他們都是隻有別名的網站？該網站是建立在WordPress的，但我不認爲這與它有任何關係。

編輯：我站在更正這也發生在IE中。 Chrome是唯一正確地獲取它的人。

Answer 1

我們爲它做了一個htaccess編輯。

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

Answer 2

你的問題是你鏈接到字體的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 /主題/氙氣/ functions.php中

更改這行是請求您的字體樣式與絕對URL：

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

和使用WP的功能，使一個臨時搭建的相對URL出十足的主題通過更改線路到此：

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

我相信這是一種方法來強制wordpress輸出該字體的樣式表的適當的相對url。