Fontes CSS

Próximo ao texto de cor CSS oferece muitas maneiras de texto com estilo e que muitas vezes pode fazer a diferença entre o profissional eo amador sites procurando.

Font family

Geórgia serifGeórgia serif
Verdana sans-serifVerdana sans-serif

Uma família CSS é o tipo de letra utilizado para processamento de texto semelhante para as fontes que você seleciona em processadores de texto como o Microsoft Word.

Eles podem ser divididos em 2 famílias: fontes serif com pequenos detalhes nas extremidades de alguns cursos e fontes sans-serif sem aquelas decorações. Fontes com serifa são mais fáceis de ler em papel, devido à maior resolução tornando a pequenos enfeites, claramente visíveis. Para telas de computador no outro lado sans-serif demonstraram ter uma melhor leitura a menos que o tamanho da fonte é muito grande, como títulos.

As fontes que você especificar pode ser usado apenas se eles estiverem instalados no sistema do usuário. Devido a isso há apenas um punhado de fontes da Web seguro que irá funcionar em todos os sistemas. Há pouco ponto em especial utilizando-procurando fontes que não serão exibidos corretamente 99,9% das vezes.

Para alterar as fontes que você pode usar o font-family propriedade com nomes de fonte de valores separados por vírgula. Note que nomes de fonte contendo espaços, tais como Times New Roman deve ser acondicionada entre aspas "new times roman" .

CSS font-family

body {font-family:arial}
strong {font-family:georgia}

Saída

É uma boa prática que sempre fornecem uma das fontes genéricas, como serif ou sans-serif no final do seu font-family declaração, no caso tudo o resto falhar:

CSS fontes genéricas

body {font-family:verdana,kalimati,sans-serif}
h1 {font-family:georgia,"new times roman",serif}

Web-fontes seguras

Aqui está uma lista de web-fontes seguras você pode usar para o seu site que irá funcionar normalmente multi-plataforma:

Serif Saída
vezes, roman "novos tempos" A ligeira raposa marrom ataca o cão preguiçoso
Geórgia A ligeira raposa marrom ataca o cão preguiçoso
serif A ligeira raposa marrom ataca o cão preguiçoso
Sans-Serif Saída
arial A ligeira raposa marrom ataca o cão preguiçoso
helvetica A ligeira raposa marrom ataca o cão preguiçoso
verdana A ligeira raposa marrom ataca o cão preguiçoso
sans-serif A ligeira raposa marrom ataca o cão preguiçoso
Fonte monoespaçada Saída
"courier new",courier A ligeira raposa marrom ataca o cão preguiçoso
monospace A ligeira raposa marrom ataca o cão preguiçoso