2012-11-07 10 views
6

Właśnie zacząłem używać Entypo font-face do tworzenia moich ikon społecznościowych, ale w IE8 lub późniejszym wyświetla czcionkę jako puste pole. Nie wiem, czy coś jest nie tak z moim kodem lub czcionką.Używanie Entypo @ font-face nie działa w IE8 lub późniejszym?

@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; } 

Odpowiedz

5

Ento nie działa w IE8. Właśnie odwiedziłem ich stronę w IE8, a ich wersje demonstracyjne są kompletnie zepsute.

1

Jest to kod używam dla font-face:

@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; 
} 

można podjąć llok na to. http://css-tricks.com/snippets/css/using-font-face/

Przy okazji: czcionka twarz Działa w IE8.

+0

Próbowałem tego, i myślę, że zawęziłem to do nie bycia problemem IE8. Ale raczej jest coś nie tak z czcionką, którą mam od http://www.entypo.com/ –

+1

Cześć. Weź llok w tym samouczku. [link] (http://designfromwithin.com/blog-webdesign-development/2012/04/16/tutorial-cta-button-without-images-using-css3-and-entypo). Używają twojej czcionki. Przetestowałem to sam w IE8. – Ricbermo

+0

Dziękuję za samouczek, ale sam to przetestowałem i masz rację, działa w IE8. Ale pracuję nad ikonami społecznościowymi. Standardowa czcionka działa we wszystkich przeglądarkach, w tym IE9 - IE7. Nie wiem, czy coś jest nie tak z plikiem .eot w folderze społecznościowym. –

0

Podwójne sprawdzenie, czy wybrana opcja nie jest zgodna z IE: Widok zgodności. Po prostu marnuje się ponad godzinę bez sprawdzania i działa dobrze, gdy nie jest wybrany.

Również jeśli używasz html5shiv, spróbuj umieścić go po pliku css zawierającym czcionki.

Powiązane problemy