Como colocar uma fonte diferente no CSS?
Índice
- Como colocar uma fonte diferente no CSS?
- Qual é a ordem correta de declarar o font-Family?
- Quais as unidades de medidas para usar em fontes no CSS?
- Quais são as propriedades CSS para o texto?
- Quais fontes são utilizadas em editores de texto?
- Como usar o nome da fonte?
- Como alterar o peso de um texto?
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: