Fonte Fontes impressionantes aparecem como caixas no IE8

Question

Aug 26, 2012, 03:00 PM

css internet-explorer font-awesome webfonts

Fonte Fontes impressionantes aparecem como caixas no IE8

Então estou usandoFonte Incrível Em um projeto e em testes, estou tendo problemas com o IE8.

No Windows IE9, o Chrome e o Firefox mostram a fonte corretamente (assim como o Firefox, Chrome e Safari no OS X), mas o IE8 no Windows tem um problema em que eu recebo uma caixa no lugar da fonte.

Meu código é:

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>
    <meta charset="utf-8" />
    <title>Site title</title>

    <!--[if lt IE 9]>
        <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <link href=".../css/css.css" rel="stylesheet" type="text/css">
    <link href="../css/print.css" rel="stylesheet" type="text/css" media="print">

    <link href="../apple-touch-icon.png" rel="apple-touch-icon-precomposed">
    <link href="../css/jquery-ui-1.8.23.custom.css" rel="stylesheet" type="text/css">
    <link href="../css/jquery-ui-overrider.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato|Michroma&subset=latin&v2" rel="stylesheet" type="text/css">
    <link href="../css/prettify.css" rel="stylesheet" type="text/css">
    <link href="../css/font-awesome.css" rel="stylesheet" type="text/css">
    <!--[if IE 7]>
        <link href="../css/font-awesome-ie7.css" rel="stylesheet">
    <![endif]-->

Eu tenho os quatro arquivos de fonte ...

fontawesome-webfont.eotfontawesome-webfont.svgfontawesome-webfont.ttffontawesome-webfont.woff

... onde eles pertencem e são legíveis pelo mundo (755 permissões). o que estou perdendo? Eu tenho que fazer algo com visão de compatibilidade no IE8?

O mesmo computador visualiza as fontes no site Font Awesome muito bem, então tem que ser algo que estou fazendo errado.

Conforme solicitado, uma cópia do font-awesome.css está aqui:font-awesome.css. É mais ou menos o que eu baixei deles com exceção do caminho para os arquivos de fonte.

Baseado em @ Abody97 eu adicioneihttps://html5shim.googlecode.com/svn/trunk/html5.js na mistura (o código acima foi atualizado). Ainda sem sorte, mesmo após uma atualização e uma atualização de cache de exclusão.