Despre vechiul exemplu, eot și css3111, notepad-ul patratului

Problemă: fontul convertit în format EOT nu este perceput de browserele IE6-8, iar IE9 + produce o eroare a formularului "CSS3111: O eroare necunoscută a fost găsită în @ font-face". :







Despre vechiul exemplu, eot și css3111, notepad-ul patratului

În unele cazuri, problema este cauzată de un conflict între numele fontului și setul cu cască și poate fi rezolvat prin corectarea acestora.

Despre vechiul exemplu, eot și css3111, notepad-ul patratului

Linia de jos este următoarea: numele fontului EOT ar trebui să înceapă cu numele setului cu cască (familie de fonturi). T. e. dacă setul cu cască arată ca "ABCFont". atunci numele "ABCFont Bold" va fi corect și "ABC Font Bold" nu va fi. În al doilea caz, IE va arunca o eroare.

Ambele linii sunt în antetul fontului EOT, unde sunt copiate de programul de conversie din fișierul sursă. Fontul sursă are deseori două nume: tehnic și uman lizibil. Care va lua convertorul și dacă va efectua orice corecție - depinde de convertor. Ttf2eot folosit mai jos folosește un nume care poate fi citit de om și nu efectuează corecții.







Pentru a corecta numele, poate fi folosit fontforge. Secvența acțiunilor este următoarea:

  1. Despre vechiul exemplu, eot și css3111, notepad-ul patratului
    deschide fontul original (nu EOT) în fontforge;
  2. selectați "Informații despre font" din meniul "Element" (sau apăsați Ctrl + Shift + F); în fila "PS Names", modificați coloanele "Set căști" și "Nume de citit" - numele trebuie să înceapă cu numele exact al setului cu cască;

Notă: aceasta funcționează cu ttf2eot. Pentru un alt convertor, poate fi necesar să corectați coloana "Font Name".

  • Despre vechiul exemplu, eot și css3111, notepad-ul patratului
    exportați fontul în TTF - selectați "Creare fonturi" din meniul "Fișier" (sau apăsați Ctrl + Shift + G);

    Notă: Nu înlocuiți TTF-ul existent - acest format nu este pentru nativul fontforge, deci fontul poate suferi într-un fel.

  • conversia TTF-ului primit în EOT:

    ttf2eot font .eot

    Linkuri utile:

    Sursa exemplului cu pâini (pentru exhaustivitatea imaginii)







    Trimiteți-le prietenilor: