Introdução aos estilos de fontes HTML
O artigo a seguir, Estilos de fontes HTML fornece um esboço dos estilos de fonte mais usados em HTML. O HTML conhecido popularmente como HyperText Markup Language é uma das linguagens mais essenciais e críticas ou os scripts essenciais na criação de aplicativos e sites. Isso é como a espinha dorsal do desenvolvimento de aplicativos da web, pois todas as tags e outros recursos formam o componente subjacente.
Todo o desenvolvimento do front-end também é baseado em scripts HTML. Isso pode ser usado apenas para fornecer tags de marcação e, a fim de aprimorar a aparência dessas tags, temos outra biblioteca muito popular, CSS, que significa Cascading Style Sheets. Isso pode ser usado para implementar todos os tipos de estilos exigidos pelo HTML. A fonte e os estilos formam a maior parte do site e, neste artigo, forneceremos uma lista da maioria dos estilos de fonte HTML.
Estilos de fonte HTML:
As fontes desempenham um papel muito importante em tornar um site mais amigável e aquele que atrai mais tráfego, além de aumentar a legibilidade do conteúdo. A cor da fonte e a face da fonte também dependem do computador e do navegador que está sendo usado, e a tag HTML também é usada para adicionar estilo, cor e tamanho ao texto do seu site.
A tag é usada para definir todo o texto presente no seu site ou dentro do elemento com o mesmo tamanho, cor e face. A tag da fonte consiste em três atributos, como cor e tamanho da face, que novamente formam um componente muito crítico dos diferentes estilos de fonte presentes no site.
A tag é a mais usada e uma das tags mais importantes que podem ser usadas para criar uma boa aparência para sua página da web. O texto que segue a tag aberta permanecerá da mesma maneira, a menos e até que seja fechado pela tag.
Vejamos alguns dos estilos básicos de fontes HTML:
Existem alguns recursos e características básicos associados aos estilos de fonte HTML e são:
1) Configurando o tamanho da fonte:
O tamanho da fonte do conteúdo pode ser definido usando atributos de tamanho. O valor aceito do intervalo é de 1, que é o menor número, e vai até 7, que é o maior número. O tamanho padrão de qualquer tipo de fonte é 3.
Exemplo,
Setting Basic Font Size
Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"
2) Tamanho relativo da fonte:
O tamanho da fonte relativo é usado para determinar e especificar quantos tamanhos são maiores e quantos tamanhos são menores que o tamanho da fonte atual que está realmente presente. Isso pode ser especificado como:
or by writing
Exemplo,
Relative Font Size
Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"
3) Configuração da face da fonte:
A outra categoria após a configuração do tamanho da fonte e do tamanho relativo da fonte é a da configuração da face da fonte. Isso forma uma parte crítica dos atributos listados acima. Isso pode ser definido usando o atributo face, mas deve-se sempre lembrar que, se o usuário designado para usar esse valor da fonte não tiver essa fonte instalada em seu sistema, ele não poderá vê-lo . Em vez disso, apenas a face da fonte padrão aplicável ao computador desse usuário específico estará visível.
Exemplo,
Font Face
Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock
4) Especifique faces de fonte alternativas:
- Isso é usado para especificar vários tipos de fontes apenas se o usuário tiver essa fonte específica instalada em seu sistema; caso contrário, uma fonte instalada padrão será visível. É possível mencionar mais de uma, especificamente duas ou mais de duas alternativas de fonte, listando os nomes das fontes que são especificamente separadas por vírgula.
- Quando a página da web é carregada, o navegador será responsável por exibir a primeira fonte que será gerada. Se nenhuma das fontes fornecidas estiver instalada no sistema, a face da fonte padrão, Times New Roman, será exibida com sucesso.
Exemplo,
5) Configuração da cor da fonte:
Esse é outro atributo que forma a parte crítica e o componente da lista de fontes e estilos HTML. Nesta fonte, a cor é configurada usando qualquer atributo de cor; a cor necessária pode ser necessária usando o código hexadecimal e o nome da cor para a cor especificada.
Exemplo,
Setting Font Color
This text is in pink
This text is red
6) Elemento:
- Esse elemento é específico da linguagem HTML e deve fornecer à página da Web um tamanho de fonte, tipo de letra e cor padrão para todas as partes e componentes dos documentos que não estão contidos na marca.
- A tag pode ser facilmente usada para substituir as configurações.
- Essa tag também utiliza atributos de cor, face e tamanho, que suportam relativamente todas as configurações de fonte, fornecendo o tamanho de um valor de +1 para um tamanho maior ou -2 para dois tamanhos menores.
Exemplos:
Setting Basefont Color
Essa é a fonte padrão da página.
Exemplo do elemento
Conclusão-
A fonte e os estilos HTML são um dos componentes e recursos mais críticos que não podem ser esquecidos e podem dar uma forma e design muito bons ao seu site. Quando falamos sobre as bibliotecas javascript mais recentes disponíveis no mercado, elas contêm todas essas e várias outras fontes e estilos. Para o HTML básico, isso ainda precisa ser feito manualmente. Espero que você tenha gostado do nosso artigo. Fique ligado no nosso blog para mais artigos como esses.
Artigos recomendados
Este foi um guia para estilos de fontes HTML. Aqui discutimos a introdução e uma explicação detalhada de algumas fontes básicas do HTML com exemplos. Você também pode consultar nossos outros artigos sugeridos para saber mais -
- Folhas de estilo HTML
- Atributos HTML
- Como funciona o HTML
- Estilos de lista HTML
- Blocos HTML