Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Chirlison

Renderização de fontes no ie, chrome e firefox.

Recommended Posts

Bom dia a todos!

 

Algumas fontes no Firefox 4 ou superior não são renderizadas como deveria.

Já reinstalei várias vezes o Firefox e o problema não se resolve.

No ie, chrome, opera e safari as fontes são renderizadas.

Veja a renderização no Firefox.

 

Aqui, as letras parecem estar falhando.

firefox.png

 

Aqui, nos outros navegadores, a fonte é renderizada.

ie.png

 

 

Estou usando a fonte, PillGothic300mgRegular, tamanho 14.

 

Alguém sabe como eu poderia resolver este problema.

 

Desde já, agradeço a todos que colaborarem.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde MatheusSilva!

 

Essa fonte, o Designer me passou com o layout de um site que ele desenvolveu no Fireworks .

 

Eu instalei a fonte na minha máquina, e também coloquei uma pasta com as fontes na raiz do site e chamo ela da forma que está abaixo:

 



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


a.menu_topo:link {
font-family:"PillGothic300mgRegular";
font-size:14px;
color:#0099F7;
text-decoration:none;
}
a.menu_topo:visited { 
font-family:"PillGothic300mgRegular";
font-size:14px;
color:#0099F7;
text-decoration:none;
}
a.menu_topo:hover {
font-family:"PillGothic300mgRegular";
font-size:14px;
color:#0099F7;
text-decoration:underline;
}
a.menu_topo:active {
font-family:"PillGothic300mgRegular";
font-size:14px;
color:#0099F7;
text-decoration:underline;
}



<div align="left" style="width:90px; margin-top:22px;">
     <a href="login.php" class="menu_topo">Área Restrita</a>
</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não tem muito oque fazer.

 

cada browser renderiza de uma forma.

Aplicando anti aliasing ou não.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.