@font-face

[rafvenditti 0]

Estou com uma duvida no css @font-face, eu coloco assim no css:

 

font-face {

font-family:Square 721 Ex BT;

src: url("font/sqr721be.eot"); /* para IE */

src: local("Square 721 Ex BT"), url("font/sqr721be.ttf") format("opentype");

}

body,td,th {

font-family: "Square721 Ex BT";

}

body {

background-color: #FFF;

}

 

e no html eu uso um div com o texto, so q nos computadores q nao tem essa fonte nao aparece, alguem pode me dar uma luz?

 

Obrigado.

[Giovani 104]

http://www.fontsquirrel.com/fontface/generator :seta: upa a fonte que o resto ele faz pra ti.

[Aprendiz CSS 3]

Coloca o caminho completo para a fonte

[_Leandro_ 0]

Mesmo convertendo no fontsquirrel, algumas fontes não se comportam da mesma maneira em todos os browsers... porém também considero a melhor ferramenta pra ajudar nessa função.

 

Outra coisa:

Depois de "criar" sua fonte no início do css, ao aplicá-la em determinados elementos, sempre use no mínimo uma segunda fonte, de preferência de sistema, que seja próxima a sua fonte principal para caso ocorra algum problema no carregamento de sua fonte, o texto será renderizado com a segunda fonte.

 

EX:

body,td,th {

font-family: "Square721 Ex BT, Arial, Georgia";

}

 

Você pode conferir uma lista de fontes de sistema mais usadas aqui: http://www.codestyle.org/css/font-family/sampler-CombinedResultsFull.shtml

 

Att

Leandro Rodeghiero

http://www.maisumpixel.com.br