@font face não funciona

Question

Boa Tarde Pessoal,

Tenho uma aplicação ASP.NET 4.0, Web Application, usando Forms Authentication. 
Realizei as configurações para modo de autenticação Forms, restringi o acesso a apenas duas pastas na raiz e  
habilitei acesso irrestrito às outras, como: pastas CSS, Image e Script. 

Ao rodar a minha aplicação pelo Visual Studio 2010 o estilo e as imagens aparecem normalmente. 
Entretanto, ao rodar a aplicação através do IIS no meu computador local (Windows 7 Professional / IIS 7) 
ou publicado no servidor (Windows Web Server 2008 R2/ IIS 7.5) os estilos de font não funcionam. 

Não sei mais se o problema está nas configurações do IIS ou se meu @font-face não está funcionando corretamente.

No meu .css declaro o @font-face assim:

/* CSS DOCUMENT */

@font-face 
{
font-family: 'Swis721 Cn BT';
src: url('~/Content/fonts/swiss_721_condensed_bt-webfont.eot');
src: url('~/Content/fonts/swiss_721_condensed_bt-webfont.eot?iefix') format('eot'),
    url('~/Content/fonts/swiss_721_condensed_bt-webfont.woff') format('woff'),
    url('~/Content/fonts/Fswiss_721_condensed_bt-webfont.ttf') format('truetype'),
    url('~/Content/fonts/swiss_721_condensed_bt-webfont.svg#webfontZam02nTh')format('svg');
font-weight: normal;
font-style: normal;
}

E a utilizo assim:

h1
{
color: #181818;
font-family: "Swis721 Cn BT", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal; 
}

Pelo que percebi, o navegador lê somente a Helvetica Neue, Helvetica, Arial e sans-serif. 

Já testei no FF, IE9 e Chrome.

Alguém teria alguma idéia do que possa ser e/ou como consigo resolver. Não tenho muito conhecimento em IIS e CSS, não sei
se um influencia o outro. Ou qual poderia ser o problema.

Agradeço desde já a colaboração.

Answer 1

Você precisa registrar um tipo MIME para a extensão .eot no IIS Manager

Deve-se fazer isso para toda extensão não padrão que estiver utilizando.

Veja se resolve.

---

Leonardo Garcia
[e-mail]

Answer 2

Bom Dia Leonardo,

Obrigada pela dica, não conhecia isso.

Porém, no meu IIS já existe o MIME para estas extensões .eot e .ttf.

Adicionei as outras extensões(.woff e .svg), mas não resolveu o meu problema.

Aat,

Keite

Answer 3

Alguém com mais alguma idéia??? 

Ainda não consegui resolver esse problema.

Att,

Keite

Answer 4

Pessoal, resolvi da seguinte forma:

Adicionei as permissões para o IIS_IUSRS e Authenticated Users no IIS;
Adicionei as extensões .woff e .svg no MIME do IIS;
E coloquei os arquivos das fontes baixadas diretamente no diretório de fontes do meu site no IIS após a publicação.

Testei nos Browsers IE9, Google Chrome e Firefox19, funcionou em todos perfeitamente.