0

Ao testar no Chrome, Firefox e no Safari, todos executaram fluidamente com a fonte em meu site, porém quando testei no IE9 ele não reconheceu a fonte que importei, qual o problema?

Importei a fonte de uma pasta dentro do projeto do site:

@font-face {
    font-family: 'nomeDaMinhaFonte';
    src: url("endereçoDaMinhaFonte/FRADM.TTF");
}
0

2 Respostas 2

1

As versões 7, 8 e 9 do Internet Explorer aceitam o @font-face apenas se a font for EOT.

Você pode encontrar qualquer conversor online que esse problema é resolvido.

Você pode verificar a compatibilidade no Can I Use: Font Face

Você pode converter suas fonts para EOT diretamente no Font Squirrel. O Safari, Firefox, Chrome e Opera aceitam fonts em TTF e OTF.

Compatibilidade entre formatos de fonte:

+----------------------------------------------------+
| Browser | IE8+ |   Chrome  |   Firefox |   Safari  |
|---------|------------------------------------------|
| Formato | EOT  | TTF e OTF | TTF e OTF | TTF e OTF |       
+----------------------------------------------------+

Para o suporte de fontes em diversos navegadores você pode fazer assim:

@font-face {
  font-family: ‘NomeDaFont';
  src: url(‘nomedafont.eot’); /* EOT para IE */
  src: url(‘nomedafont?#iefix’) format(‘embedded-opentype’),
       url(‘nomedafont.svg#Locaweb-Icons’) format(‘svg’), /* SVG */
       url(‘nomedafont.ttf’) format(‘truetype’); /* TTF para Safari, Firefox, Chrome e Opera */
       font-weight: normal;
       font-style: normal;
}
0

O navegador Internet Explorer tem suporte parcial a fonte .ttf, leia mais em:

Para o Internet Explorer você pode usar o formato .eot que é suportado desde o Internet Explorer 8

Você pode converter a fonte (tome cuidado com questões de licenciamento) e adiciona-las assim para suportar em vários navegadores:

@font-face {
    font-family: 'suaFonte';
    src: url('../fonts/font1.eot');
    src: url('../fonts/font1.eot?#iefix') format('embedded-opentype'),
         url('../fonts/font1.woff') format('woff'),
         url('../fonts/font1.ttf') format('truetype'),
         url('../fonts/font1.svg#font1') format('svg');
}
0

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .