5139 sujets

Le Bar du forum

Probleme d'affichage de fonts sous IE

bonjour à tous, i need some help! Smiley confus

voilà j'ai utiliser une font pour mes icons de réseaux sociaux, la police s’appelle "socialico", sous firefox et chrome c'est ok! mais sous internet explorer la police s'affiche! mais j'ai des cercles soit blanc soit noir a la place des espaces qu'il y a entre chaque lettre.

quelqu'un peut m'aider svp.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8"/>
     
    <title>
        cv web
    </title>
     
    <link rel="stylesheet" type="text/css" href="styles/base.css" media="all" />
    <link rel="stylesheet" type="text/css" href="styles/style.css" media="all" />
    <link rel="stylesheet" type="text/css" href="styles/modele05.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="fonts/stylesheet.css" media="screen" />
    <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
 
<body> 
<div id="global">
 
    <div id="entete">
        <h1> <a href="page_entrer.html"><img alt="" src="picto/logo_site_modif_noir.png" width="180" height="150"/></a>
        </h1>
         
 <h2>
<ul>
            <li>
                <a target="_blank" href="#">e</a>
            </li>
            <li>
                <a target="_self" href="#">g</a>
            </li>
            <li>
                <a href="#">i</a>
            </li>
            <li>
                <a href="#">v</a>
            </li>
 </ul>
         
      </h2>
    </div><!-- #entete -->
  </div><!-- #contenu -->
 
</div><!-- #global -->
 
</body>
</html>


body {
    color: #006633;
    background-color: #fefddd;
}


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

#entete h2 ul li{
    width: 40px;
    float: right;
    display: inline-block;
    font-family:"Socialico";
    font-size: 35px;
    color: #FFF;
    list-style-type:none;

}

Modifié par 6l20 (24 Sep 2013 - 13:10)
Sujet clos
Aller à