Como escolher um Web Safe Font para a funcionalidade no CSS3

Não há nenhuma fonte de um web seguro para todas as plataformas, a menos que você quiser usar os tipos de fontes mais genéricas no CSS3. Os desenvolvedores querem manter uma certa aparência, por isso é importante incluir fontes específicas primeiro, e depois fallback fontes que são menos específicos. Usando essa abordagem garante que todos serão capazes de ver a sua página como você originalmente destinado a apresentá-la, pelo menos em algum grau.

Quando você está trabalhando com uma fonte genérica, a sua aparência irá variar um pouco. Com isto em mente, aqui está uma lista de seguro web serif fontes (cujas personagens usam uma linha para terminar o traço principal de cada personagem, como as linhas que aparecem sob as principais linhas de um M) - a fonte mais específico aparece em primeiro lugar e a fonte específica menos aparece passado.

  • Georgia, serif

  • "Palatino Linotype", "book Antiqua", Palatino, serif

  • "Times New Roman" Times, serif

Cada uma destas fontes tem uma sensação um pouco diferente, mas às vezes o melhor que você pode fazer é uma fonte serif simples - a última opção em cada lista. A lista a seguir descreve comum sans-serif fontes (aqueles cujos personagens não têm serifas). Mais uma vez, a fonte mais específico aparece em primeiro lugar e menos específica aparece passado.

  • Arial, Helvetica, sans-serif

  • "Black Arial" Gadget, sans-serif

  • "Comic Sans MS", cursiva, sans-serif

  • Impacto Carvão vegetal, sans-serif

  • "Lucida Sans Unicode" "Lucida Grande", sans-serif

  • Tahoma Genebra, sans-serif

  • "Trebuchet MS" Helvetica, sans-serif

  • Verdana Genebra, sans-serif

O último grupo de fontes é para o tipo monospace, onde cada letra ocupa precisamente a mesma quantidade de espaço (como fez a produção de máquinas de escrever mais velhos). Monoespaçada são normalmente utilizados para o código do aplicativo, mas você pode usá-los em qualquer lugar que você deseja criar a aparência da página datilografada também. A lista a seguir apresenta Monoespaçada comuns com o primeiro e específico menos o último mais específico.

  • "Courier New" Courier, monospace

  • "Lucida Console" Monaco, monospace

Estes são fontes comuns. No entanto, você pode achar que você quer usar algo um pouco menos comum. Felizmente, existem sites onde você pode ver as listas de fontes aceitas. Na verdade, o CSS Pilha Font torna mais fácil para selecionar uma fonte, vendo como ele olha em primeiro lugar e, em seguida, clicando em um único botão para copiar o código necessário para a área de transferência.

Por exemplo, quando você clica em Arial naquele local, o que é realmente é font-family: Arial, "Helvetica Neue", Helvetica, sans-serif.

Semelhante

menu