none
Css + Firefox + Ubuntu = Error ? RRS feed

  • Pergunta

  • Boa noite.

    Tenho uma css para estizar fontes e posicionamento de imagem. O problema é que ao testar nos navegadores firefox e chrome usando o ubuntu no linux, não formata ? Agora usando no windows, todos os navegadores aceitam a formatação corretamente.

    Usando console web do firefox apresenta, acredito ser erros, alguém pode me esclarecer ?

    Expected end of value but found 'format'.  Skipped to next declaration. 
    Expected font descriptor but found 'url('http://bussjump.com/web-files/scripts/font/ebrima.ttf')'.  Skipped to next declaration. 
    Unknown property 'box-sizing'.  Declaration dropped. 


    J3

    terça-feira, 26 de fevereiro de 2013 00:29

Respostas

  • Fiz os testes usando o box-sizing, mas infelizmente não tive sucesso.

    A solução que encontrei foi, usar o Adobe Typekit !

    É uma solução provisória, e estilizou nos dois sistemas operacionais, windows e linux. Só não testei no leopard da apple.



    J3

    • Marcado como Resposta Jocarweb sexta-feira, 1 de março de 2013 00:47
    quinta-feira, 28 de fevereiro de 2013 20:59

Todas as Respostas

  • VOcê está tentando usar alguma tag que só é suportada no IE? 

    Porque os navegadores funcionam com engines diferentes e algumas tags e declarações css são próprias para cada navegador.

    Parece que você está querendo usar uma fonte em especifico, pois bem, o formato ttf, se não me engano, não é suportado pelos sistemas baseados em Unix, por isso você vai precisar usar algum hack, como uma ferramenta que construa um pacote de fontes.

    A declaração para usar fontes é a font-face.


    Microsoft Communit Contributor
    Twitter: @MayogaX
    Blog: Dev Blog

    terça-feira, 26 de fevereiro de 2013 12:06
  • Ok, Priscila.

    Mas estou usando o @font-face no css e exportei as fontes para o servidor. Veja como está meu código:

    @font-face {
        font-family: Ebrima;
        src: url('http://bussjump.com/web-files/scripts/font/ebrima-webfont.woff') format ('woff'); /* Extensão para navegadores atuais */
        src: url('http://bussjump.com/web-files/scripts/font/ebrima-webfont.eot') format ('eot');   /* Extensão para navegadores atuais */
        url('http://bussjump.com/web-files/scripts/font/ebrima.ttf') format ('truetype');
    }

    site: bussjump.com


    J3

    terça-feira, 26 de fevereiro de 2013 12:40
  • a console do firefox diz "Expected font descriptor but found",

    parece que a fonte não foi encontrada. Ela está mesmo no servidor? Vai ver por isso não pega no Ubuntu


    Microsoft Communit Contributor
    Twitter: @MayogaX
    Blog: Dev Blog

    terça-feira, 26 de fevereiro de 2013 14:06
  • Sem dúvida está no servidor !

    J3

    terça-feira, 26 de fevereiro de 2013 14:47
  • Seguinte: li novamente a sua dúvida e achei uma coisa: acusa erro a linha de boxing.

    Segundo esse texto: http://css-tricks.com/box-sizing/ a box-sizing só funciona no IE, por isso não funciona no firefox e chrome.

    Coloca onde tem esse box-sizing:

    	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    	box-sizing: border-box;         /* Opera/IE 8+ */
    Faça isso e testa. Pode ser que por causa disso esteja estragando o resto


    Microsoft Communit Contributor
    Twitter: @MayogaX
    Blog: Dev Blog

    quarta-feira, 27 de fevereiro de 2013 00:07
  • Fiz os testes usando o box-sizing, mas infelizmente não tive sucesso.

    A solução que encontrei foi, usar o Adobe Typekit !

    É uma solução provisória, e estilizou nos dois sistemas operacionais, windows e linux. Só não testei no leopard da apple.



    J3

    • Marcado como Resposta Jocarweb sexta-feira, 1 de março de 2013 00:47
    quinta-feira, 28 de fevereiro de 2013 20:59