字體面奇怪的行爲,我在與@字體面在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 */
}
您有任何建議都非常歡迎。謝謝
丹
題外話,但我覺得你的淡入淡出的過渡需要更快的有些網站上的^^ – zxc 2014-10-27 12:04:46
@丹你檢查我的回答? – 2014-10-27 12:08:53