Czcionka czcionki nie działa w IE8 zgodnie z oczekiwaniami

Question

Użyłem następującego kodu, aby uzyskać niestandardową czcionkę na mojej stronie! używając następującego kodu!

@font-face{ 
    font-family:portagolTC; 
    src: url(../font/PortagoITC_TT.woff?) format('woff'); 
    src: url(../font/PortagoITC_TT.eot?#iefix) format('opentype'); 
} 

Działa to w chrome, ff, IE10, IE9, ale nie w IE8! Co ja tu robię źle? Proszę, popraw mnie, jeśli robię coś złego.

Uwaga: Zrobiłem google i znalazłem kilka odpowiedzi na stackoverflow, ale nic nie wydaje się rozwiązać mojego problemu.

CSS3111: @font-face encountered unknown error. 
PortagoITC_TT.woff 
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
PortagoITC_TT.ttf 
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
PortagoITC_TT.ttf 

Answer 1

Jeśli IE8 rzuca CSS3111: @font-face encountered unknown error, prawdopodobnie mają niedopasowanych nazwa czcionki mieszkaniami problem.

Aby rozwiązać ten problem, musisz edytować swój plik czcionki, zdefiniować identyczne nazwy dla nazwy czcionki, nazwiska i imienia dla ludzi i wyeksportować swój TTF. Można to zrobić za pomocą aplikacji FontForge. Potem możesz ponownie przekonwertować go na sieć (EOT, WOFF).

Więcej informacji: http://fontface.codeandmore.com/blog/ie-7-8-error-with-eot-css3111/

Aktualizacja

Wykonany on pracuje, pobierając własną wersję czcionki TTF i przekształcono go w internecie. CSS użyłem:

@font-face { 
    font-family: 'portagoitc-tt'; 
    src: url('fonts/portagoitc-tt.eot'); 
    src: url('fonts/portagoitc-tt.eot?iefix') format('opentype'), 
     url('fonts/portagoitc-tt.woff') format('woff'), 
     url('fonts/portagoitc-tt.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

Answer 2

Chociaż moja firma kupiła czcionki, wszystkie formaty (EOT, WOFF itp), nie zrobił dostał go do pracy w IE8 i IE10. Przesłałem format ttf do http://www.fontsquirrel.com/tools/webfont-generator i otrzymałem "webfont" ?? wersja i teraz działa !!!

Powinienem obserwować konsolę wcześniej w IE, stwierdzono problemy permiakcyjne.

Answer 3

Miałem problemy z IE8 i miałem brak komunikatów o błędach konsoli. Co rozwiązać mój problem było zmienić mój kod @font-face nieznacznie:

Przed:

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

Po:

@font-face { 
    font-family: "Hero"; 
    src: url("../fonts/Hero.eot"); /* this line made the difference */ 
    src: local("Hero"), 
     url("../fonts/Hero.eot?"), 
     url("../fonts/Hero.woff") format("woff"), 
     url("../fonts/Hero.ttf") format("truetype"), 
     url("../fonts/Hero.svg#Hero") format("svg"); 
    font-weight: normal; 
    font-style: normal; 
}