Como escolher um tipo de letra web segura para a funcionalidade no css3

Video: 10. Tipos de Letra en CSS

Não há nenhuma fonte de um web seguro para todas as plataformas, a menos que você deseja 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 assegura 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 (cujos 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

Video: Como Descobrir A Fonte Usada Em Uma Imagem

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ífica aparece em primeiro lugar e menos específica aparece passado.

  • Arial, Helvetica, sans-serif

  • “Black Arial” Gadget, sans-serif

  • “Cómica 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

Video: Curso de css - Aula 5 de css - backgrounds e fontes

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 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, a CSS Stack 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.


    Publicações relacionadas