@ font-face在IE7和IE8中不工作

我在嘗試自定義字體並利用了我所知道的所有東西（包括？#iefix），並且它在除IE8和IE7以外的每個瀏覽器都很好用。我把它簡化成了骨頭，仍然看到了問題。@ font-face在IE7和IE8中不工作

Here's a link to the live version of the test

這是HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<link rel="stylesheet" href="styles.css"> 
</head> 

<body> 
<h1>This is a test.</h1> 
</body> 
</html>

CSS這裏：

@charset "utf-8"; 
/* CSS Document */ 

@font-face { 
    font-family: 'swz721kc'; 
    src: url('fonts/swz721kc.eot'); 
    src: url('fonts/swz721kc.eot?#iefix') format('embedded-opentype'), 
     url('fonts/swz721kc.woff') format('woff'), 
     url('fonts/swz721kc.ttf') format('truetype'), 
     url('fonts/swz721kc.svg#swz721kc') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

h1 { 
    font-family: 'swz721kc'; 
    font-size: 42px; 
    color: #000; 
    font-weight: normal; 
    margin: 30px 0 0 0; 
    padding: 0; 
}

來源

2013-06-23 cathius

試試這個：

@font-face { 
    font-family: 'swz721kc'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(/compass-learning/test/fonts/swz721kc.eot); 
    src: local('swz721kc'), 
    url(/compass-learning/test/fonts/swz721kc.ttf) format('truetype'); 
}

這是我用來嵌入格式我們的字體和他們跨瀏覽器工作。

來源

2013-06-23 23:36:12 Aiias

謝謝，但這種格式似乎沒有做到這一點。 – cathius

@cathius - 您是否確定在您的IE瀏覽器環境中推送**重新加載按鈕**，以便重新加載樣式表？ – Aiias

試試這個：

@字體面{

font-family: 'swz721kc'; 
src: url('/fonts/swz721kc.eot'); 
src: url('/fonts/swz721kc.eot?#iefix') format('embedded-opentype'), 
    url('/fonts/swz721kc.woff') format('woff'), 
    url('/fonts/swz721kc.ttf') format('truetype'), 
    url('/fonts/swz721kc.svg#swz721kc') format('svg'); 
font-weight: normal; 
font-style: normal;

}

「/」之前「字體」補充道。

來源

2013-07-05 14:00:21

@ font-face在IE7和IE8中不工作

回答

相關問題