A vantagem de usarmos as fontes do google é que sempre que alguém abrir a página a formatação conterá as fontes que indicamos, não é nada legal você se esforçar para criar uma página visualmente bonita e o computador do cliente não ter a fonte desejada.
Postei um código no github com um exemplo, você pode baixar o código para sua máquina e visualizar o código ou ainda vê-la rodando neste link: https://voyeg3r.makes.org/thimble/font-face
Segue portanto o código:
Mostrando postagens com marcador webdesign. Mostrar todas as postagens
Mostrando postagens com marcador webdesign. Mostrar todas as postagens
Web 3.0 The Semantic Web
Check out this SlideShare Presentation:
Web 3.0 The Semantic Web
View more presentations from Hatem Mahmoud.
Crescimento do firefox obriga desenvolvedores a estudar padrões
Quando o Internet Explorer dominava 98% dos acessos na web os desenvolvedores não tinham que se preocupar com padrões web, bastava abrir no IE e pronto, o resto que se dane, mas agora as coisas mudaram, padrões importam, veja como está o cenário hoje na Europa.
O amigo RedTux já publicou no seu blog, mas eu achei tão importante a notícia que resolvi também publicar.
O amigo RedTux já publicou no seu blog, mas eu achei tão importante a notícia que resolvi também publicar.
Source: StatCounter Global Stats - Browser Version Market Share
usando @font-face no firefox 3.5
O firefox 3.5 suporta a propriedade do css @font-face, isto permite indicar no código css uma fonte que não existe na máquina do usuário final e ainda assim ela será exibida. veja detalhes aqui: http://craigmod.com/journal/font-face/
Outro exemplo da própria fundação mozilla
http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/
Tem mais uma dica: Você baixa a fonte que quer disponibilizar para os clientes e coloca no mesmo diretório do html (depende da suar url em @font-face), algo assim:
Um site que tem dezenas de tipos de fontes e permite baixar kits @font-face
completos (incluindo o css) é o: http://www.fontsquirrel.com/ basta clicar aqui.
Baixe um exemplo completo aqui:
http://www.mediafire.com/?mzz1om0mznu
Veja tambem:
Outro exemplo da própria fundação mozilla
http://hacks.mozilla.org/2009/06/beautiful-fonts-with-font-face/
Tem mais uma dica: Você baixa a fonte que quer disponibilizar para os clientes e coloca no mesmo diretório do html (depende da suar url em @font-face), algo assim:
Um site que tem dezenas de tipos de fontes e permite baixar kits @font-face
completos (incluindo o css) é o: http://www.fontsquirrel.com/ basta clicar aqui.
Baixe um exemplo completo aqui:
http://www.mediafire.com/?mzz1om0mznu
Veja tambem:
- 10 fontes legais para usar com @font-face
- fontes disponíveis para usar com @font-face (veja licença)
- 20 belas fontes
- Fontes gratuitas mais usadas em design web
Não use css hacks use css condicional
Veja neste documento
Este outro documento é também uma pérola
Efficient, maintainable CSS
View more presentations from Russ Weakley.
Este outro documento é também uma pérola
Artigo sobre o uso de estilos alternativos "css"
http://www.cssnolanche.com.br/css-alternative-style-sheets/
No próprio site da W3C também tem um site só para demonstrar o uso de estilos alternativos, você abre esta página e clica (firefox) Exibir >> Estilos de página.
No próprio site da W3C também tem um site só para demonstrar o uso de estilos alternativos, você abre esta página e clica (firefox) Exibir >> Estilos de página.
Tipografia na web
Use aspas “tipográficas”...
Neste link várias dicas sobre como melhorar o visual de suas postagens#8216; = opening single quote’ = closing single quote“ = opening double quote” = closing double quote
Assinar:
Postagens (Atom)
linux-cookbook
|
| Participe do grupo linux-cookbook |
| Visitar este grupo |