(Resolvido) Problema com Fonte

[evertonviana]

Amigos,

Estou utilizando em meu site a fonte Freeway, porem quando os usuarios tentam abrir o site, automaticamente(por não existir essa fonte instalada), o browser muda a fonte para a segunda opção, o que ue é normal!

Gostaria de saber, se existe como ao acessar a pagina, o browser baixar essa fonte do site, de forma que ele possa abrir o site com a fonte padrão?

No aguardo

[SK15]

Não isso não existe ... Soluções mais próximas:

1- Fazer uma imagem com os textos da fonte escolhida.

2- Fazer um site em Flash ele cocegue 'embedar' todas as fonte que quiser

3- Manda a pessoa baixar a fonte e instalar manualmente (hehe) :P

Assim a alguns anos atrás a M$ inventou um programa que 'embedava' via CSS alguma fonte, porém só funciona no IE e não tenho certeza se funciona nos mais novos tipo o 7/8/9 (a caminho) pois eles comecaram a seguir um pouco os padrões, caso queira conhecer tal metodo:

http://www.spoono.com/html/tutorials/tutorial.php?id=19

Assim está discurção se futuramente no CSS 3 terá algum tipo de forma de embedar fonte ... enquanto isso nada. :P

Editado Março 18, 2010 por SK15

[evertonviana]

Não isso não existe ... Soluções mais próximas:

1- Fazer uma imagem com os textos da fonte escolhida.

2- Fazer um site em Flash ele cocegue 'embedar' todas as fonte que quiser

3- Manda a pessoa baixar a fonte e instalar manualmente (hehe) :P

Assim a alguns anos atrás a M$ inventou um programa que 'embedava' via CSS alguma fonte, porém só funciona no IE e não tenho certeza se funciona nos mais novos tipo o 7/8/9 (a caminho) pois eles comecaram a seguir um pouco os padrões, caso queira conhecer tal metodo:

http://www.spoono.com/html/tutorials/tutorial.php?id=19

Assim está discurção se futuramente no CSS 3 terá algum tipo de forma de embedar fonte ... enquanto isso nada. :P

Valeu pela resposta...

Mas isso é bem absurdo né? Tantas fontes e tão poucas as escolhas...

[Toze]

na verdade isso ajuda a manter a padronização da web, já pensou em ler um texto com fontes com estilo pegando fogo, ou fotes gordas com perninhas ...

mais fica a dica, como a grande massa utiliza windows, voce pode colocar em seu site qualquer fonte padrão do windows e se voce não quiser perder usuarios de outros sistemas operacionais voce pode por

font-family: xxxxx, sans-serif;

ou

font-family: xxxxx, serif;

onde xxxxx representa a fonte que voce quer e serif a segunda font que sera exibida caso o pc da pessoa não tenha a fonte xxxx, já colocando serif e sans-serif que são familias, o outro possivel sistema operacional ira pega uma fonte a qual pertenca a familia serif ou seja (uma font do sistema operacional que tenha serifa).

com isso voce pode usar varias variacoes de fontes de modo que não fique ruim pra nenhum usuario logar, já aumenta as possibilidades

espero ter ajudado

[Matheus Matos]

Bem, na verdade existe sim isso.

Como SK15 falou, a M$ implementou o método, e funciona sim nas novas versões do Internet Explorer.

Também funciona nos outros navegadores mais utilizados, como:

• Internet Explorer
• Mozilla Firefox
• Google Chrome
• Opera
• Safari

Caso queira saber como funciona basta ler este artigo ou este daqui.

Caso queira saber a página oficial da funcionalidade, clique aqui.

Todos esses links falam do @font-face do CSS3, que é suportado por estes navegadores que citei.

Lembre-se que apenas o @font-face é suportado, e não outras propriedades do CSS3 em todos os navegadores.

Basicamente ele funciona como você falou, baixa a fonte para o computador cliente, e carrega na página, lógicamente que, isso retarda um pouco o tempo de carregamento do site, mais não é algo tão mostruoso assim.

Abraços

[Lucas Abranches]

Matheus , em IE.6 o @font-face não funciona.

[Matheus Matos]

Rapaz, não refiz um teste, mais o Anderson aqui do fórum já conseguiu.

Você tem que usar a extensão .eot da fonte. O código do font-face fica assim:

@font-face {
    font-family: 'Helvetica';
    src: url('helvetica.eot');
    src: local('Helvetica'), url('helvetica.ttf') format('truetype');
}

Para converter uma fonte de .ttf para .eot utilize esse site, é tudo online, fácil e rápido. =D

Abraços

UP: Post novo no tableless.com.br, bem segundo se diz nele, parece que realmente não funciona no IE6. Enfim.. nem gostamos dele mesmo! :D

Editado Março 30, 2010 por Matheus Matos