Tại sao IE8 không tải các tệp eot của tôi?

Tôi đã tải xuống một số phông chữ otf và sau đó chuyển đổi sang eot bằng cách sử dụng: https://onlinefontconverter.com nhưng khi tôi xem trang web trong IE8, phông chữ không hiển thị (chúng hiển thị trong Chrome, Firefox, Opera, Android). Đã xảy ra sự cố với mã của tôi hoặc eot. Có ai biết điều gì sai?Tại sao IE8 không tải các tệp eot của tôi?

(Tải Roboto đây: http://www.fontsquirrel.com/fonts/roboto)

(Chuyển đổi nó ở đây: https://onlinefontconverter.com)

styles.css

@font-face 
{ 
    font-family: RobotoCondensed; 
    src: url("Roboto-Condensed.eot"); 
} 

@font-face 
{ 
    font-family: RobotoCondensed; 
    src: url("Roboto-Condensed.ttf"); 
} 

.myDiv 
{ 
    font-family: RobotoCondensed, Arial, Helvetica; 
    font-size: 10px; 
    color: #e8e8e8; 
}

index.html (mã có liên quan)

<div class="myDiv">Some font in here that shows incorrectly as Arial!</div>

Biểu định kiểu và phông chữ nằm trong cùng một thư mục.

Nguồn

2012-03-09 Don Rhummy

Tại sao không phải là 'font-family = Roboto-Condensed'? – elclanrs

Bạn có thể đặt tên cho nó bất cứ điều gì bạn muốn. –

Bạn đã thử sử dụng trình tạo phông chữ tại Font Squirrel chưa? http://www.fontsquirrel.com/fontface/generator - cung cấp cho bạn tất cả các phông chữ và css cần thiết cho tất cả các trình duyệt. –

Cảm ơn tất cả sự giúp đỡ. Có vẻ như vấn đề là trình chuyển đổi phông chữ. Tệp eot không được IE công nhận là hợp lệ. Cảm ơn "Joel Eckroth" vì đã đề xuất tôi thử các công cụ chuyển đổi khác.

Nguồn

2012-03-09 07:41:07

Hãy thử điều này

 @font-face 
    { 
     font-family: 'RobotoCondensed'; 
     src: url('Roboto-Condensed.eot'); 
    src: url('Roboto-Condensed.eot?#iefix') format('embedded-opentype'), 
     url('Roboto-Condensed.woff') format('woff'), 
     url('Roboto-Condensed.ttf') format('truetype'), 
     url('Roboto-Condensed.svg#') format('svg'); 

} 

    .myDiv 
    { 
     font-family: RobotoCondensed, Arial, Helvetica; 
     font-size: 10px; 
     color: #e8e8e8; 
    }

Nguồn

2012-03-09 02:23:49

Hãy thử

font-family: "RobotoCondensed", Arial, Helvetica;

Các dấu ngoặc kép nên buộc nó như tùy chọn chính

Nguồn

2012-03-09 04:38:10 5hahiL

No. Cho dù bạn sử dụng dấu ngoặc kép hay không không có tác dụng nào trên các phông chữ này được chọn. Báo giá giúp trình phân tích cú pháp (và trình đọc thông thường) xác định tên phông chữ chính xác, nhưng khi tên được phân tích cú pháp, không có sự khác biệt về cách chúng được sử dụng. –

Bên cạnh đó đây là một vấn đề IE guys .... và IE không chơi đúng ... grrr – SamStar

Tôi đã có một vấn đề và không có số lượng tinh chỉnh và web nghiên cứu giúp
Cho đến khi tôi thay đổi nội dung đầu thẻ để bao gồm meta

 

<head>
 
    <meta http-equiv="Content-type" content="text/html;charset=utf-8"/>
 
</head>

Thẻ giải quyết vấn đề meta và mỗi biến thể hoạt động!

Biến thể 1

 

<style type="text/css">
 
    @font-face
 
    {
 
    font-family: 'SolaimanLipi';
 
    src: url('SolaimanLipi.eot');
 
    src: local('SolaimanLipi'),url('SolaimanLipi.ttf') format('truetype');
 
    }
 
    @font-face
 
    {
 
    font-family: 'Yogesh';
 
    src: url('CDACOTYGN.eot');
 
    src: url('CDACOTYGN.ttf') format('truetype');
 
    }
 
</style>

Biến thể 2

 

<style type="text/css">
 
    @font-face{
 
    font-family: 'solaimanlipi';
 
    src: url('cdacotygn-webfont.eot');
 
    src: url('cdacotygn-webfont?#iefix') format('embedded-opentype'),
 
     url('solaimanlipi-webfont.woff') format('woff'),
 
     url('solaimanlipi-webfont.ttf') format('truetype'),
 
     url('solaimanlipi-webfont.svg#webfont') format('svg');
 
    }
 
    @font-face {
 
    font-family: 'cdacotygn';
 
    src: url('cdacotygn-webfont.eot');
 
    src: url('cdacotygn-webfont.eot?#iefix') format('embedded-opentype'),
 
     url('cdacotygn-webfont.woff') format('woff'),
 
     url('cdacotygn-webfont.ttf') format('truetype'),
 
     url('cdacotygn-webfont.svg#svgFontName') format('svg');
 
    }
 
</style>

Chúng tôi nghĩ phức tạp nhưng thường kim trong đống cỏ khô là ở nơi khác đầumeta thẻ

Bạn có thể thử và xem nguồn
http://www.weloveseppa.com/jnc/jncTryBangla.html
http://www.weloveseppa.com/jnc/try1/jncTryBangla.html

trình trong tất cả các trình duyệt bao gồm IE8 cũ

Nguồn

2014-04-28 06:44:49 Jayanta

Tại sao IE8 không tải các tệp eot của tôi?

Trả lời

Các vấn đề liên quan