Nas versões HTML anteriores, a tag de fonte foi usada para definir e alterar o tamanho, cor e estilo da fonte. No entanto, o HTML5 não recomenda usar uma tag de fonte.
HTML5 adicionou as propriedades da fonte como um atributo no elemento. As propriedades incluem estilo de fonte, tamanho de fonte e cor. Essas propriedades aumentam a estética da fonte em HTML. Este artigo tem como objetivo fornecer vários métodos para alterar fontes em HTML. Os resultados deste artigo são:
Como mudar a fonte em html
Em HTML, uma fonte compreende várias propriedades, como cor, estilo e tamanho. Esses atributos são aplicados para fornecer uma visibilidade interativa das fontes.
Como alterar a cor da fonte em html
Para alterar a cor da fonte em html, adicione o atributo de estilo na tag de abertura e use a propriedade color "Hex", "RGB" ou "palavra -chave" de cor do nome.
O seguinte código HTML utiliza o "cor" atributo para mudar a cor da fonte:
Código
1 2 3 | Mudamos a cor da fonte de padrão para vermelho |
No código acima, usamos o atributo de estilo na tag P de abertura e depois usamos a propriedade colorida e atribuímos o valor da cor.
Imagem de código
Saída
A cor da fonte mudou de padrão para vermelho, usamos o atributo de cor de fonte e atribuímos a cor vermelha.
Como alterar o tamanho da fonte em html
Estilos de estilo embutido o elemento único. Sempre que usamos o atributo de estilo dentro de um elemento específico, ele substituirá a propriedade direcionada.
Vamos alterar o tamanho da fonte em HTML usando o código que está escrito abaixo:
Código
1 2 3 | Mudamos o tamanho da fonte para 30px |
No código acima, definimos o tamanho da fonte para 30px usando a propriedade do tamanho da fonte, aplicamos esse código na etiqueta de abertura da tag de parágrafo que é
.
Imagem
Saída
O tamanho do texto do parágrafo mudou de padrão para 30px usando a propriedade do tamanho de fontes.
Como mudar o estilo de uma fonte em html
Estilo de fonte define o estilo da fonte em html. Sempre que usamos a tag de estilo em um elemento html, ele substituirá todos os parâmetros que foram definidos para padrão.
Vamos ver como podemos mudar o estilo de fonte ou a família de fontes em html através do exemplo a seguir
Código
1 2 3 | O estilo de fonte mudou para Verdana |
Aqui, usamos a tag de fontes e atribuímos a propriedade 'Verdana', que define o estilo de fonte do cabeçalho de padrão para Verdana.
Imagem
Saída
O estilo da fonte mudou de Padrão para Verdana usando a propriedade em estilo de fonte.
Você aprendeu a mudar o estilo da fonte, o tamanho da fonte e a cor da fonte em HTML.
Conclusão:
A fonte do HTML pode ser alterada usando três atributos diferentes que são "cores", "tamanho da fonte" e "estilo de fonte.”Este artigo fornece vários métodos para alterar fontes em html. A propriedade “cor” muda a cor da fonte, o “tamanho da fonte” é usado para manipular o tamanho da fonte e a “família da fonte” adiciona algum estilo às fontes.