Portfolio e Blog

O @font-face e a declaração standard no CSS para importação de fontes, se você esta cansado de usar image replacement, veja que já é possivel usar font-face para a grande maioria dos browsers incluindo o Internet Explorer 4 para fontes TrueType, isso mesmo, Internet Explorer 4.
Nós browsers mais modernos(Excluindo o IE8), você pode consegue importar fontes com seus arquivos originais, para o Interner Explorer você precisa transformar para o padrão eot(Embedded OpenType):
exemplo de font-face:
@font-face{
font-family: "Arial Rondend";
font-style: normal;
font-weight: bold;
src: url("../fonts/arial_rounded_mt_bold.eot");
}
@font-face{
font-family: "Arial Rondend";
font-style: normal;
font-weight: bold;
src: url("../fonts/arial_rounded_mt_bold.ttf") format("truetype");
}
Primeiro você coloque o código para o Internet Explorer, depois você coloca para os outros browsers.
Use o software ttf2eot, com ele é muito simples fazer as conversões, a microsoft disponibiliza um software para isso, que pelo menos aqui no meu serviço, com Windows XP SP3 eu não consegui rodar adquadamente, caso se interessem: WEFT.
Cuidado no uso das fontes, pois muitas são pagas e para usar as mesmas dessa maneira, tem que se pagar por um tipo de licensa especial, procure usar fontes gratuitas com esse método.
Esta técnica esta em uso em http://www.winnerkids.com.br
Front-end engineer da agência web Citrus7
Profundo conhecedor de CSS 2.1, (X)HTML, JavaScript, jQuery. Também desenvolve em PHP, Java e esta engatinhando no Flex.
Futuro Cientista da Computação
Apaixonado por Jenyffer, menina com quem ira se casar em breve!
Winner Kids - Portfolio - Édipo Costa Rebouças – Desenvolvedor Web
February 9th, 2010 at 10:46 pm
[...] @font-face neste [...]
Felipe I. de Lima
July 1st, 2010 at 8:00 pm
uma boa noticia para nós ^^