2012-11-07 1 views
6

Ich habe gerade angefangen, Font-Face zu verwenden, um meine sozialen Icons zu erstellen, aber in IE8 oder später zeigt es die Schriftart als leere Box an. Ich weiß nicht, ob etwas mit meinem Code oder der Schriftart nicht stimmt.Die Verwendung von Entypo @ font-face funktioniert nicht in IE8 oder später?

@font-face { 
font-family: 'entypo-social'; 
src: url('entypo-social.eot'); 
src: url('entypo-social.eot?#iefix') format('embedded-opentype'), 
    url('entypo-social.woff') format('woff'), 
    url('entypo-social.ttf') format('truetype'), 
    url('entypo-social.svg#svgFontName') format('svg'); } 


.social_font a{ 
font: 47px/20px 'entypo-social', Arial, sans-serif; } 

Antwort

5

Entypo funktioniert nicht in IE8. Ich habe gerade ihre Website in IE8 besucht und ihre Demos sind komplett kaputt.

1

Dies ist der Code, den ich für font-face verwendet haben:

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

Sie llok auf diese nehmen könnte. http://css-tricks.com/snippets/css/using-font-face/

Übrigens: font-face Do funktioniert in IE8.

+0

Ich habe das versucht, und ich denke, ich habe es zu einem IE8 Problem eingegrenzt. Aber es ist etwas falsch mit der Schriftart, die ich von http://www.entypo.com/ –

+1

Hi bekommen habe. Nehmen Sie an diesem Tutorial teil. [link] (http://designfromwithin.com/blog-webdesign-development/2012/04/16/tutorial-cta-button-without-images-using-css3-and-entypo). Sie verwenden Ihre Schriftart. Ich habe es selbst in IE8 getestet. – Ricbermo

+0

Vielen Dank für das Tutorial, aber ich habe das selbst getestet, und Sie haben recht, es funktioniert in IE8. Aber ich arbeite mit den sozialen Ikonen. Die reguläre Schriftart funktioniert in allen Browsern einschließlich IE9 - IE7. Ich weiß nicht, ob etwas mit der EOT-Datei im sozialen Ordner nicht stimmt. –

0

Überprüfen Sie, dass Sie keine Kompatibilitätsansicht von IE ausgewählt haben. Nur verschwendet über eine Stunde ohne Überprüfung und es funktioniert gut, wenn Sie nicht ausgewählt.

Auch wenn Sie html5shiv verwenden, versuchen Sie es nach Ihrer CSS-Datei mit den Schriften zu platzieren.

1

Versuchen Sie, http://fontello.com/ zu verwenden - wählen Sie die entypo Symbole, die Sie brauchen, und laden Sie ihr Paket herunter. Das hat in IE7 + für mich funktioniert.