TRABALHAR COM FONTES DIFERENTES

Question

Ol� pessoal, gostaria de saber como estar trabalhando com fontes diferentes sem a necessidade de ter que transformarem bitmaps ...

Joel Rodrigues · Answer

Opa, Walter.Amigo, d� uma pesquisada a respeito da fun��o @font-face das CSS3. � um recurso novo que permite utilizar fontes a partir de um arquivo, sem depender das fontes do browser.Abra�o....

Walter Junior · Answer

Obrigado joel. E desculpa a demora a dar um retorno. ...

Walter Junior · Answer

Amigo joel, eu tive dando uma lida sobre o que voc� me recomendou e achei o seguinte exemplo:

#Font-face
{
font-family: 'Bauhaus 93';
src: url('Bauhaus 93.ect');
src: local('Bauhaus 93'), url('Bauhaus 93.ttf')
}

Eu n�o conseguir compreender exatamente o que foi realizado nesse exemplo pela explica��o de onde encontrei
teria como voc� me traduzir esse c�digo rsrs ? desde j� obrigado

Joel Rodrigues · Answer

Basicamente define-se duas propriedades principais para o @font-face:
- family: que � o nome pelo qual a fonte ser� referenciada no restante do CSS, de forma a se trabalhar como se fosse uma fonte nativa como Arial e Tahoma;
- src: � o caminho do arquivo de font que ser� carregado.

Joel Rodrigues · Answer

Ah, e d� uma olhada melhor onde voc� pegou esse exemplo, pois o correto � @font-face e n�o #font-face.Abra�o....

Walter Junior · Answer

Novamente obrigado Joel por sua resposta.
O que voc� acha esse padr�o j� t� podendo ser utilizado em um projeto final, ou ainda � bom esperar mais um tempo pela padroniza��o completa do CSS 3 ?

Joel Rodrigues · Answer

Como tudo nas CSS3 e na HTML5, ainda n�o sabemos se d� pra confiar nos browsers. Caberia fazer testes e identificar quais browsers n�o suportam a funcionalidade.
Veja no site da W3 Schools, l� geralmente tem a vers�o do browser que suporta cada coisa.
Abra�o.

Walter Junior · Answer

Obrigado Joel novamente, por sua resposta simples e objetiva. seguirei sua recomenda��o e dai uma olhada na compatibiliade dos navegadores. ...

Jos� · Answer

Explicando passo a passo o @fonte-facefont-family: �scarface�; , � o nome dado a fonte,src: url(�scarface-webfont.eot�); , � a fonte com o formato .eot, para que o IE reconhe�a,src: local(�scarface�),  caso a fonte esteja instalada na maquina do usu�rio, ent�o carrega-se esta fonte e n�o a que esta no site,url(�scarface-webfont.ttf�) format(�truetype�); a fonte no formato truetype, reconhecida por todos os navegadores decentes :DFonte do exemplo : [url]//www.marcelotorresweb.com/usando-font-face-em-todos-os-navegadores/[/url]...

Walter Junior · Answer

Obrigado ajuda de todos. Me deu por satisfeito e com minha duvida muito bem exclarecida. ...

Jos� · Answer

Walter, muito obrigado por seu retorno. Tendo sua duvida sido solucionada. Estou marcando esse t�pico como conclu�do, se precisar sinta-se a vontade para abrir novos t�picos. ...

F�rum TRABALHAR COM FONTES DIFERENTES #443562