Qual fonte utilizar em meu site?

Dicas e técnicas para se utilizar fontes em websites

Essa é uma questão que certamente passa pela cabeça de todo designer. Qual fonte utilizar? Por isso vamos discutir rapidamente alguns conceitos e conhecer algumas dicas para efetuar a melhor escolha na hora de representar os textos em seu website.

Família de fontes

Quando você especificar uma fonte para a sua página web, é importante que você não especifique apenas uma única fonte, mesmo que seja uma fonte que você acha que a maioria das pessoas têm, como a onipresente fonte “Arial”.

Se você escolhe apenas uma fonte, corre o risco de em um outro sistema operacional, o usuário não conseguir interpretar corretamente seu texto, ou ainda causar danos no layout.

Por exemplo, você pode definir uma família de fontes no código CSS da seguinte maneira:

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

Algumas regras

  1. Não utilize mais de 3-4 fontes em uma só página.
  2. Não alterar a fonte no meio da frase a menos que você tenha uma razão muito boa.
  3. Sans-serif para texto on-line, serif para impressão.
  4. Monoespaçadas para exemplos de código.
  5. Script e fantasia para os acentos.

Fontes Sans-serif

Fontes sans-serif são aquelas fontes que não têm “serifas”: o pequeno gancho no fim das letras. As páginas web são destinadas a serem vistas por navegadores em monitores de computador. E monitores de computador não têm resolução tão tão boa como o papel. Isso significa que quando os seus leitores virem uma página cheia de serifas na tela, o texto pode parecer desfocado e começar a ficar mais difícil de ler.

Alguns exemplos de fontes sans-serif são:

  • Arial
  • Geneva
  • Helvetica
  • Lucida Sans
  • Trebuchet
  • Verdana

Fontes Serif

Embora as fontes com serifa sejam difíceis de ler on-line, elas são perfeitas para impressão. Se você tiver versões de impressão do seu site, este é o lugar perfeito para usar fontes com serifa. As serifas, na impressão, tornam mais fácil de ler, pois permitem que as pessoas a diferenciem as letras de forma mais clara. Devido a impressão ter uma resolução maior, elas podem ser vistas mais claramente e não aparecem desfocadas quando estão juntas.

Alguns exemplos de fontes serif são:

  • Garamond
  • Georgia
  • New York
  • Times
  • Times New Roman

Fontes monoespaçadas

Embora sejam ideais para representar códigos de linguagens de programação, mesmo que seu site não seja sobre informática, você pode usar monospace para fornecer instruções e dar exemplos. Fontes monoespaçadas têm a mesma largura para cada caractere, para que eles sempre tenham a mesma quantidade de espaço na página.

Alguns exemplos de fontes monoespaçadas são:

  • Courier
  • Courier New
  • Lucida Console
  • Monaco

Fontes fantasy ou cursive

Fantasia e fontes cursivas não são tão difundidas em computadores, e em geral podem ser difíceis de ler em pedaços grandes. Enquanto você pôde gostar do efeito que uma fonte cursiva pode dar, os leitores podem ter problemas. Além disso, fontes fantasia e cursiva nem sempre incluem caracteres acentuados ou outros caracteres especiais, o que limita o seu texto para o Inglês.

Use fantasia e fontes cursivas em imagens ou cabeçalhos. Mantenha-os curtos e esteja ciente de que qualquer fonte que você escolher não estará provavelmente na maioria dos computadores dos seus leitores.

Alguns exemplos de fontes fantasia e cursivas são:

  • Copperplate
  • Desdemona
  • Impact
  • Kino

Converter fontes TTF para OTF

Esta pequena ferramenta converte qualquer ttf. (TrueType Font) ou. Otf arquivo (OpenType Font) para. Ttf,. Otf, arquivos. Eot,. WOFF e. Svg. Ele também cria um arquivo CSS e um arquivo HTML de demonstração para mostrar-lhe como usá-lo em seu site – usando CSS @ font-face.

Como deixar o Gmail parecido com a tela do Outlook

Gmail com cara de Outlook

O Google anunciou ontem (05/08/2011) uma nova interface para seu serviço de e-mail, o Gmail.

O novo formato permite visualizar as mensagens em uma nova caixa (lateral ou abaixo) com apenas um clique – formato parecido com o tradicional usado pelo Outlook, programa da Microsoft para o gerenciamento de contas.

Recentemente, o Yahoo!Mail também disponibilizou recurso similar para seus usuários.

Para alterar a interface, basta o usuário clicar em um novo botão localizado no alto e à direita da página. O recurso deve ser ofertado gradualmente para os usuários.

Passo a passo como deixar o gmail igual ao outlook

01) Clique em configurações no canto superior direito:
02) Clique na ABA Labs:

03) Localize a seguinte funcionalidade clicando em Ativar:

04) Volte para sua caixa de entrada e ative o botão no canto superior direito:

Pronto, é só isso. Você vai precisar fazer ainda alguns ajustes na sua tela, eu fiz e deu certo e vou testar para ver se me adapto. De cara, notei que a publicidade do Google toma muito espaço e atrapalha nesse formato, a primeira coisa que me veio a cabeça é saber quanto custa para tirar aqueles anúncios dali. O Google é esperto!

Melhor Preço

AcheCerto o que você deseja comprar !

Está procurando um destes artigos: Telefonia, Eletrônicos, Games, Informática, Fotografia, Eletrodomésticos, Casa e Decoração, Proteção Elétrica, Utilidades, Instrumentos, Acessórios e Calçados, Esporte e Lazer, Construção e Ferramentas, Automóveis e Veículos, Bebês e Acessórios, Livros e Revistas, Cosméticos e Perfumaria ???

É isso mesmo! Todo o poder das buscas do AcheCerto agora estão a sua disposição para você encontrar os melhores preços do Brasil nas principais lojas online. Não precisa mais ficar pulando de site em site, o AcheCerto vai acha os melhores preços para você.

Visite e confira: Shopping AcheCerto

Ilusão da bailarina

Este post pode parecer estranho, visto que meu blog é destinado a Internet e Tecnologia, mas vou me fazer entender.

Primeiro, para quem nunca viu, temos abaixo uma Bailarina girando.

Para que lado? Sentido horário ou anti-horário? RESPONDA:

Não entendeu?

É isso mesmo, o lado que ela gira depende de como você vê, é uma ilusão.

Então, partindo para um lado filosófico e usando essa ilusão como exemplo, imagino que nossa vida e os problemas que devemos resolver é como a bailarina acima, tudo depende de como você quer ver. Não se deixe iludir por verdades absolutas, pode ser apenas uma ilusão. Até a velocidade da luz que foi dita como a maior velocidade possível alcançada por elementos sem massa, já não parece tão verdadeira.

Duvide sempre, principalmente quando sua única certeza é o que você está vendo.

Veja o vídeo e entenda a ilusão acima:

QWiki o buscador que fala

Se você está planejando passar férias na web, avaliando restaurantes por telefone, ou ajudar com a lição de casa usando o Google, o Qwiki está trabalhando para entregar a informação em um formato que é essencialmente humano – através da narração em vez de pesquisa.

Esse site é o primeiro a transformar a informação em uma experiência. Eles acreditam que só porque os dados são armazenados por máquinas, não significa que devem ser apresentados como uma lista de leitura óptica.

O que é Google +1?

Nunca viu isso?

Acostume-se! é do GOOGLE


Às vezes é mais fácil encontrar exatamente o que você está procurando, quando alguém que você conhece já o encontrou. Receba recomendações para as coisas que lhe interessam, até mesmo em seus resultados de busca.

A próxima vez que você estiver tentando lembrar de algo ou de amigo que estava delirando sobre algo, ou encontrar um grupo de caridade para apoiar, um +1 pode ajudá-lo. Apenas certifique-se que você está conectado à sua Conta do Google.

Como usar o Google +1, eu ainda não sei, mas assim se souber, deixo escrito aqui.

Google Motion

Abandone o mouse e o teclado, usando uma webcan e usando linguagem de movimentos físicos, você poderá utilizar o Gmail de uma forma inovadora. Se não for revolucionário, no mínimo será engraçado, quando futuramente você entrar em um departamento com várias pessoas se movimentando como o “cara” do vídeo.

A anatomia de uma página inicial perfeita

Claro que isso não é uma regra, imagina como a internet seria chata se todos fizessem todas as páginas iguais, mas vale a iniciativa que tem uma base sólida sustentada na forma pela qual a leitura humana funciona e outros estudos de tendência de usabilidade.