8 sequências definitivas de fontes para usar no seu site

6 de março de 2009


Sabe aquela sequência de fontes que colocamos nos sites para criar um estilo de tipografia?

Por exemplo:

font-family: Helvetica, Arial, sans-serif;

Podemos dizer que o exemplo acima se refere a uma sequência sem muitas alternativas. Abaixo seguem 8 sequências de fontes, dependendo do estilo desejado, e que se adaptam a qualquer computador e plataforma.

Essas 8 sequências foram pensadas da seguinte forma:

fonte exata, alternativa mais próxima, alternativas em várias plataformas, escolha universal (presente em todas as plataformas), genérica

Também foi pensada utilizando:

fontes de Windows, fontes de Mac, fontes de Linux, universais, genéricas

Abaixo o resultado:

Sequência Times New Roman (serif)
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;

Times New Roman

Sequência Georgia (serif)
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

Sequência Georgia

Sequência Garamond (serif, mais tradicional)

font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;

Garamond

Sequência Helvetica/Arial (sans serif)

font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

Helvetica / Arial

Sequência Verdana (sans serif)

font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;

Verdana

Sequência Trebuchet (sans serif)

font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;

trebuchet

Sequência Impact (sans serif, “pesada”)

font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

Impact

Sequência mono-espaços (estilo máquina de escrever)

font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;

mono

Fonte: sitepoint


assuntos: css, internet, web 2.0, webdesign — Ricardo Alamino @ 2:35 pm

Puzzles de lógica na web

13 de fevereiro de 2009


conceptis

Quem gosta de resolver aqueles passatempos de lógica das revistas “COQUETEL”, vai adorar essa dica muito legal de puzzles de lógica para passar o tempo na web. É o site Conceptis Puzzles.

São 5 tipos de passatempos muito bacanas para quem gosta de lógica e de se divertir.


assuntos: diversão, internet — Ricardo Alamino @ 4:00 pm

Boninho e os ovos

6 de agosto de 2007


ovo

Seria cômico… Mas é trágico…

O retrato da juventude que dita o futuro de um país.

O desrespeito, a certeza de impunidade, o desaforo…

Leia a notícia original aqui.


assuntos: internet — Ricardo Alamino @ 6:46 pm

Por que investir em ações?

24 de julho de 2007


acoes

O título desse post deveria ser Por que EU invisto em ações.

Fiquei pensando os motivos que me levaram a investir em ações para tentar estimular aqueles que pensam na possibilidade de investir também.

O primeiro e maior motivo é o rendimento superior a outros tipos de aplicações.

É muito fácil verificar que ao longo dos anos, o rendimento das ações de empresas sólidas como a Petrobrás, Vale do Rio Doce e Gerdau superou muito a valorização de fundos e da poupança. Mas por quê isso? Investir em ações é comprar um pedaço dessas empresas e usufruir dos investimentos e do crescimento dessas empresas. Essas empresas cresceram muito ao longo dos anos, portanto, os seus acionistas tiveram a participação e recebem por esse crescimento.

O segundo motivo pelo qual invisto é o aprendizado.

Além da possibilidade de rendimentos grandes, um outro fator que me motivou a investir em ações foi a chance que tive de aprender como investir em ações. O importante nesse momento foi vencer o medo de se aventurar por um mundo desconhecido. Vencendo as barreiras iniciais, percebe-se que é muito prático e simples investir em ações.

Segui os seguintes passos para começar a investir:

  1. Abri uma conta numa corretora grande (Fator, Agora…)
  2. Enviei o dinheiro que iria investir;
  3. Li artigos e dicas de quais ações investir;
  4. Comprei ações.

O terceiro motivo que me levou a investir foi a diversificação de investimentos.

O último motivo para investir em ações foi uma alternativa de investimento. Não queria deixar 100% do meu dinheiro em apenas um banco, em um fundo. Sempre há a possibilidade de uma quebra do banco e aí perde-se todo o dinheiro investido. Pensando nisso, peguei parte do dinheiro que tinha guardado e usei para comprar ações. Entretanto, assim como investir em um único banco em um único investimento é arriscado, colocar todo o dinheiro em uma única ação é achar que nada de ruim pode acontecer com a empresa correspondente a ação. Portanto, o segredo é diversificar, mesmo ao comprar ações.

Leia a matéria da Você S/A sobre a Bolsa de Valores.


assuntos: finanças — Ricardo Alamino @ 11:39 am

Kayuda - Outro mapa mental online

17 de maio de 2007


kayuda

O Kayuda é mais um serviço para desenhar mapas mentais e organizar suas idéias.

Abaixo 2 screenshots:

kayuda_1

kayuda_2

Uma alternativa para o MindMeister, já comentado aqui. O MindMeister tem uma interface muito mais bonita, mas como não sou especialista em mapas mentais, não vou deixar nenhuma opinião sobre as características e funcionalidades de cada um e vou deixar para que vocês escolham o melhor


assuntos: internet, web 2.0 — Ricardo Alamino @ 12:49 pm
próxima página »