Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17641
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Fontes legais para seu site Google Web Fonts

06-05-2012 18:37

Quem quer textos com fontes legais, e não quer usar figuras que imitem um texto, uma alternativa é o Google Web Fonts.

http://www.google.com/webfonts

Para usar as fontes oferecidas no Web Fonts é bem simples.

Você escolhe a fonte que deseja no site, após clica em Quick use. Role até o fim da página, e pegue a chamada para o style, o JavaScript para aplicar o efeito, e o estilo para aplicar a class onde a fonte será modificada.

Deixo abaixo um exemplo HTML de uma fonte configurada usando o Google Web Fonts.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <link href='http://fonts.googleapis.com/css?family=Salsa' rel='stylesheet' type='text/css'> <script type="text/javascript"> WebFontConfig = { google: { families: [ 'Salsa::latin' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <style type="text/css"> p { font-family: 'Salsa', cursive; font-size: 30px; line-height: 25px; } </style> </head> <body> <p>Teste de fonte</p> </body> </html>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado