Como colocar uma fonte diferente no CSS?

Índice

Como colocar uma fonte diferente no CSS?

Como colocar uma fonte diferente no CSS?

Para adicionar uma fonte ao seu site você utilizará a regra do css chamada @font-face . Suporte dos navegadores para: @font-face. Lembrando que o caminho depende do local do arquivo. As fontes possuem alguns formatos.

Qual é a ordem correta de declarar o font-Family?

Abreviando font começar com font-style, font-variant e font-weight sendo que estes três valores são facultativos e podem ser escritos em qualquer ordem; a seguir declarar obrigatoriamente font-size e opcionalmente line-height ( font-size/line-height ); finalmente declarar obrigatoriamente font-family .

Quais as unidades de medidas para usar em fontes no CSS?

As assim chamadas medidas absolutas ( cm , mm , in , pt e pc ) significam o mesmo em CSS como em qualquer lugar. Uma medida expressa em qualquer uma dessas aparecerá exatamente do tamanho que é (dentro da precisão do hardware e do software).

Quais são as propriedades CSS para o texto?

Eis as principais propriedades CSS para texto: color: muda a cor do texto. Ex: color: #FF0000; . font-family: define uma lista de fontes para ser utilizada no elemento (e seus herdeiros). Os nomes das fontes são separados por vírgulas, na ordem da preferida para a menos preferida.

Quais fontes são utilizadas em editores de texto?

Comum serem utilizadas em editores de texto e demonstrações de código, por causa de sua regularidade (o que facilita o alinhamento de texto). Exemplo: Courier New . cursive: fontes que, em geral, se assemelham à escrita à mão. Exemplo: Monotype Corsiva .

Como usar o nome da fonte?

Se o nome da fonte for composto por mais de uma palavra, por exemplo: Comic Sans MS, deve-se usar aspas duplas ou simples na grafia do nome.

Como alterar o peso de um texto?

Com o CSS podemos ainda alterar o peso de um texto. As mais simples são itálico e negrito. Abaixo temos um exemplo onde aplicamos itálico ao parágrafo com a propriedade font-style e negrito ao span com a propriedade font-weight:

Postagens relacionadas: