2014-10-27 65 views
0

字體面奇怪的行爲,我在與@字體面在Firefox和Chrome一個奇怪的問題。看起來,字體在索引頁面和索引頁面直接鏈接的任何頁面上正確顯示。但是,只要從索引頁訪問頁面,然後單擊該頁面中的鏈接,該字體就會在新頁面中斷開。@在Firefox和Chrome

如果這是一個有點難以遵循,則網站地址爲http://www.sungblue.com。 在主頁上顯示的字體很好。 如果我點擊菜單欄上的婚禮,則字體是在該頁面也未嘗不可。 但是如果我進入了「常見問題」頁面從婚禮頁面,然後字體被打破。

我不明白爲什麼,因爲我已經檢查了所有代碼和它的所有頁面,則這個正在發生的事情,任何想法,爲什麼這隻會影響某些頁面?

這是我的@字體面碼的樣子:

@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 */ 
} 

您有任何建議都非常歡迎。謝謝

+0

題外話,但我覺得你的淡入淡出的過渡需要更快的有些網站上的^^ – zxc 2014-10-27 12:04:46

+0

@丹你檢查我的回答? – 2014-10-27 12:08:53

回答

1

你有的原因是URL。當你在主頁或直接在其下方的網址是:

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

凡作爲常見問題,網址是加www

http://sungblue.com/weddingfaq.html 

嘗試規範的www.sungbluesungblue鏈接使用任一.htaccess或內部重定向。同樣常見問題工作,如果您使用以下鏈接:

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

非常感謝Praveen!不能相信這是簡單的東西,是Firefox和鉻真的很關心來自同一個域名的字體和頁面的其他部分一樣嗎?無論如何,標準化我使用的鏈接的良好做法,應該在之前注意到! – Dan 2014-10-27 19:51:17