2017-08-09 4 views
0

Je rencontre actuellement un problème avec le rendu de texte-débordement: elipses sur IE: 11+. Le projet utilise Font Awesome 4.7. Le rendu des elipses fonctionne parfaitement dans Chrome/Firefox, mais IE est celui avec le problème.Internet Explorer 11+ ne générant pas le débordement de texte: Elipses correctement avec la police Impressionnant

La chose intéressante est, si j'inspecte l'élément dans l'image ci-dessous, il semble que la valeur font-family est ce qui semble le fixer pour cet élément

Le <div> dans l'image hérite:

font-family: "FontAwesome", Verdana, sans-serif

Si je change à:

font-family: Verdana, sans-serif

il fixe, mais au détriment de perdre les icônes (qui est évidemment pas voulu)

enter image description here

Les questions connexes suivantes ont tous été consultés:

+0

Pouvez-vous fournir le code HTML et jQuery complet –

+0

Voici un exemple de travail: https://jsfiddle.net/ywkg5yLx/ fonctionne très bien dans IE11. Quel est le problème exactement? – Dekel

+0

@VidiyaPrasanth [Voici un plunk qui reproduit le problème de ma part] (https://plnkr.co/edit/OnxGkdYKXSSv0wUOBckx?p=preview), Utilisation de 1.x angulaire et bootstrap dans le projet – GAUNSD

Répondre

0

trouvé la question. Il semble que j'utilisais Font Awesome Incorrecly. Dans mon CSS je mettais

body { 
    font-family: "FontAweomse", Verdana, sans-serif; 
} 

Suppression "FontAwesome" puis en utilisant la syntaxe correcte y compris le fa au nom de classe comme ceci:

<span class="fa icon-delete"></span>

corrige le issue.Before toutes ces utilisations de police génial nous sommes comme

<span class="icon-delete"></span>