爲什麼我的@ font-face僅在ie9中被破解？

我在網站構建的ie測試階段，我無法使字體在ie9中工作。奇怪的部分是，他們工作得很好ie7 & ie8 AND在兼容模式下。也許更奇怪的是演示文件工作得很好。我意識到這表明我可能將管道搞亂了，但我無法在任何地方找到問題。爲什麼我的@ font-face僅在ie9中被破解？

我想知道是否有什麼東西在ie9中打破了這個網站的所有字體 - 它們都像'times new roman'給我。

編輯：更新了下面的代碼。仍然遇到問題。

下面是一些相關字體的相關信息和示例代碼。總共有5種字體，它們都以這種方式設置並遇到同樣的問題。

測試網站：http://dev.citylightphilly.com

文件結構：所有字體& stylesheet.css中的/可溼性粉劑內容/主題/ my_theme /字體/

HTML（在header.php文件）

<!-- @Font-Face Webfonts --> 
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ? >/fonts/stylesheet.css" /> 
<!-- CSS : implied media="all" --> 
    <?php versioned_stylesheet($GLOBALS["TEMPLATE_RELATIVE_URL"]."style.css?v=2") ?>

CSS（/fonts/stylesheet.css）

@font-face { 
font-family: 'NovecentowideBold'; 
src: url('Novecentowide-Bold-webfont.eot'); 
src: url('Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'), 
    url('Novecentowide-Bold-webfont.woff') format('woff'), 
    url('Novecentowide-Bold-webfont.ttf') format('truetype'), 
    url('Novecentowide-Bold-webfont.svg#NovecentowideBold') format('svg'); 
font-weight: normal; 
font-style: normal;

CSS（style.css文件）

h3, h4, h5, h6, nav { 
    font-family: 'NovecentowideBold', 'Myriad Headline', Tahoma, Calibri, sans-serif; 
}

來源

2012-02-19 timshutes

這不是一個wordpress問題，它是一個CSS問題。 – 2012-02-20 00:34:38

使用WP驅動的網站遇到CSS問題不會使其成爲WP問題。遷移到堆棧溢出，這將成爲主題，並會得到一些高質量的答案。 – EAMann 2012-02-20 01:13:40

NovecentowideMedium≠Novecentowide-Medium – Knu 2012-02-20 03:03:13

我想可能是發現在CSS代碼中

http://dev.citylightphilly.com/wp-content/themes/citylight2/style.css

嘗試取出這一部分：

body, p, li { 
    font-family: ; 
    line-height: 150%; 
}

其他的一切對我來說很好。

來源

2012-02-20 18:43:50

感謝字體松鼠 - 我將在今晚一段時間。我很欣賞這個輸入。我沒有意識到我有一個空的元素。 – timshutes 2012-02-20 18:56:21

這解決了這個問題 - 非常感謝！ – timshutes 2012-02-21 14:59:46

太棒了。有時候這些問題是鬼鬼祟祟的。實際上在Safari中通過網絡檢查員瞭解了這一點。 :-P – 2012-02-21 15:27:56

試試這個

@font-face { 
    font-family: "actuall font name"; 
    src:url("http://localhost//fonts/fontname.TTF "); 
}

src網址應該是充滿域。

來源

2012-02-20 01:19:01

其實我在這個問題上做了一些閱讀 - 我認爲ie9實際上阻止了跨域字體請求。看到這篇文章：http：//stackoverflow.com/questions/5065362/ie9-blocks-download-of-cross-origin-web-font – timshutes 2012-02-20 01:30:12

這工作對我來說很好，也許你正在檢查這與ie9兼容性視圖，進去f12開發人員工具，並通過更改瀏覽器模式進行檢查... – 2012-02-20 02:28:52

nope相信與否font-face實際上在兼容模式下工作，但不是常規的 – timshutes 2012-02-20 02:33:17

爲什麼我的@ font-face僅在ie9中被破解？

回答

相關問題