none
@font face não funciona RRS feed

  • Pergunta

  • 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.

    quinta-feira, 7 de março de 2013 20:18

Respostas

  • 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.
    • Marcado como Resposta Keite Tuane sexta-feira, 15 de março de 2013 13:51
    sexta-feira, 15 de março de 2013 13:51

Todas as Respostas

  • 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
    pensouweb@hotmail.com

    sexta-feira, 8 de março de 2013 04:21
  • 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

    sexta-feira, 8 de março de 2013 12:04
  • Alguém com mais alguma idéia??? 

    Ainda não consegui resolver esse problema.

    Att,

    Keite

    quarta-feira, 13 de março de 2013 14:23
  • 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.
    • Marcado como Resposta Keite Tuane sexta-feira, 15 de março de 2013 13:51
    sexta-feira, 15 de março de 2013 13:51