Como encontrar nomes de família de fonte para css

nomes de família de fonte identificar fontes em folhas de estilo em cascata, ou CSS. Uma vez que muitas fontes têm variações, designers usam o nome da família, como Arial, Helvetica ou Verdana, em vez do nome específico de uma fonte, como Arial Black ou Verdana Bold. Encontrar o nome de família para um tipo de letra é simples porque o nome de família é o nome que tipo de letra e todas as suas variações têm em comum. famílias de fontes genéricas, como sans serif e monospace, existem que, quando nomeado em CSS, permitir que o navegador para escolher uma fonte padrão dentro do estilo declarado.

Clique no "Começar" botão na barra de tarefas, tipo "fontes" na barra de pesquisa e pressione "Entrar" para abrir a pasta Fontes. Procure a fonte que você deseja usar e tomar nota de seu nome. Por exemplo, Arial --- uma fonte comum do Windows --- tem muitas variações fonte, juntamente com um nome genérico de "Arial." Use o nome da família da fonte Arial para usar a fonte Arial genérico, ou especificar Arial Narrow para usar essa fonte específica. Na prática, você deve usar um nome de família genérica para a maioria de um site corpo do texto e, em seguida, usar fontes mais específicas para cabeçalhos.

Adicionar um nome de família de fontes genérica para sua pilha fonte. pilhas do tipo de letra são listas de famílias de fontes em CSS e web designers usá-los fontes como backup para quando os visitantes não têm a fonte mais preferido instalado em seu computador. Use o nome genérico "serif" para acabar com pilhas do tipo de letra que começam com fontes com serifa como a Geórgia ou Times New Roman, eo uso "sem serifa" para acabar com pilhas do tipo de letra que começam com fontes como Helvetica ou Verdana. Outros nomes genéricos incluem "monospace," "cursivo" e "fantasia." Note que nomes de família de fonte genérica são irrelevantes quando você incorporar uma fonte usando @ font-face.

Adicione aspas nomes de família de fonte que são mais do que uma palavra. nomes de fonte de uma única palavra, como Arial ou a Geórgia não requerem aspas. Você pode usar aspas simples ou duplas, mas tenha cuidado ao misturar tipos aspas, porque isso pode levar a erros. Aqui está um exemplo de como as fontes são nomeados em CSS: body {font-family: "Helvetica Neue", Arial, sans-serif-} A pilha de fonte acima especifica que o navegador deve procurar Helvetica Neue primeiro. Designers escolher este tipo de letra porque não existe em computadores com Windows que exibem regularmente Helvetica de uma forma feia. Os usuários do Windows vai ver Arial. Quaisquer outros usuários verão uma fonte padrão sans-serif sua base em configurações do navegador.

Gorjeta

• Verifica Alguns designers famosos, como Paul Irish e Chris Coyier, sugerem agora acabar com pilhas de fonte e nomear única famílias de fontes genéricas, especialmente no caso da Helvetica, pilha Arial e sans-serif comum. Esta é respeitar as configurações de usuário e, no caso do exemplo pilha sans-serif, para salvar os designers vez desde que a maioria dos navegadores pegar essas fontes de qualquer maneira.

Referências

• ligação W3C: font-family
• ligação Smashing Guia Magazine- a CSS Font Pilhas --- Técnicas e Recursos- Cameron Chapman setembro 2009
• ligação CSS-Tricks: sans-serif

Sobre o autor

Sara Williams vive no oeste de Nova York, onde ela é um web designer freelance e escritor conteúdo. Ela é especializada em web design, desenvolvimento e temas computador-hardware. Williams mantém um Associate of Applied Science em sistemas informáticos.