Como escolher a melhor fonte em CSS3
Texto, como uma apresentação abstrata de conceitos concretos, idéias e objetos, requer fontes para apresentação. A fonte escolhida em CSS3 para o texto costuma acontecer tanto para transmitir uma idéia como o próprio texto. Passe algum tempo olhando para os cartões e você achar que os fornecedores destas missivas usar fontes de apresentar a mensagem de maneira única.
Uma fonte suave acompanha uma mensagem-romântica uma fonte cômica ajuda-nos a rir de uma mensagem engraçada. Você pode encontrar fontes on-line, tais como Onextrapixel que olhar para a psicologia por trás usando uma fonte. A lista a seguir é que ajuda a compreender as propriedades CSS padrão à sua disposição para a obtenção de acesso a fontes e usá-los em uma página (em suas próprias páginas, certifique-se de usar a capitalização mostrada):
família de fontes: Define o nome da fonte. Há três classificações de fonte normalmente usados como parte de CSS (e a maioria das páginas CSS usar todos os três, a menos que você também especificar o src propriedade):
Específico: Fornece uma apresentação precisa onde quer que seja usado. Por exemplo, quando você especificar Arial como uma fonte, você sabe que vai ter uma apresentação específica em todos os lugares que você usá-lo. Uma fonte específica deve ser instalado em um sistema ou o navegador irá ignorá-lo.
Safe Web: Este é um tipo de letra que fornece uma apresentação menos precisa, mas é mais provável que apareça na máquina do usuário. O que você realmente está pedindo é uma das várias fontes que têm aparências similares. A apresentação é muitas vezes perto o suficiente para o original que o usuário não vai nem perceber.
Genérico: Uma fonte não-específica que se encaixa uma descrição geral de um tipo de fonte. Tais nomes de fontes incluem cursiva, fantasia, monospace, sans-serif e serif. O que você realmente acabar vendo na tela pode não transmitem muito da mensagem original em tudo, mas essas seleções são garantidos para trabalhar em todas as plataformas.
tamanho da fonte: Determina o tamanho da fonte quando comparado a outras fontes na página ou fornece um tamanho de fonte específico. Você pode usar uma dessas técnicas para definir o tamanho da fonte:
tamanho específico: Tal como acontece com a maioria dos objetos CSS, você pode especificar um tamanho exato para uma fonte, usando pixels, ems, ou alguma outra medida absoluta ou relativa.
Percentagem: Define o tamanho de uma fonte como uma porcentagem do tamanho da fonte do elemento pai. Especificando um tamanho acima de 100% aumenta o tamanho da fonte, especificando um valor abaixo de 100% diminui o tamanho da fonte.
Palavra-chave: Especifica o tamanho da fonte usando termos relativos: xx-small, x-pequeno, pequeno, médio, grande, x-large, xx-large, menor, maior, e herdar (onde o tamanho da fonte é herdado do pai).
estilo de fonte: Determina o estilo da fonte que o navegador cria. O navegador deve suportar o estilo e tipo de letra deve fornecer o estilo para que essa propriedade tenha efeito. As palavras-chave de estilo de fonte são: normal, itálico, oblíquo (Normalmente uma forte itálico), e herdar.
font-variantEspecifica se a fonte deve ser apresentada de uma forma variante. Nem todos os navegadores e fontes suportam esta funcionalidade. As palavras-chave para essa propriedade são normal, small-caps, e herdar.
font-weight: Determina a escuridão relativa da fonte e a largura de seus cursos. Existem dois métodos para definir a espessura da fonte:
Numérico: Um valor especificando o peso relativo da fonte, onde um valor de 400 é normal e 700 está em negrito. Os valores numéricos são: 100, 200, 300, 400, 500, 600, 700, 800 e 900. Na maioria dos casos, você deve usar os números precisamente como especificado aqui - um navegador pode ignorar um valor de 150.
Palavra-chave: Especifica a espessura da fonte usando termos relativos: normal, negrito, mais ousadas, mais leves, e herdam.