Propriedade do estilo da fonte CSS | Explicado

Em Folhas de estilo em cascata (CSS), Existem vários aspectos envolvidos no estilo de uma fonte, como definir um estilo e tamanho de fonte. O Propriedade do estilo de fonte Garante que o texto se destaque e enriqueça a folha com uma hierarquia visual e possua grande importância.

O CSS Propriedade do estilo de fonte é utilizado para modelar fontes em formatos itálicos, normais e oblíquos. Usando a propriedade em estilo de fonte, também podemos personalizar o estilo do texto e torná-lo atraente.

Neste artigo, aprenderemos sobre as propriedades do estilo de fonte CSS com a ajuda de exemplos adequados.

Valores da propriedade no estilo de fonte CSS

No CSS, a propriedade em estilo de fonte compreende esses três valores:

• itálico
• Oblíquo
• Normal

Discutiremos brevemente cada uma das propriedades especificadas do estilo de fonte CSS nas próximas seções.

Como itálicas em itálico em html

Na tipografia, itálico A fonte é usada para escrever texto em um cursivo estilo de fonte. A propriedade em estilo de fonte CSS Italic inclina o elemento de texto da esquerda para a direita. Esses tipos de elementos geralmente ocupam menos espaço horizontal do que os elementos não registrados.

Você também pode definir o “Itálico ousado” estilo de fonte de uma só vez usando a seguinte sintaxe.

Exemplo: Propriedade do estilo de fonte ital CSS

No exemplo a seguir, definimos dois estilos de fonte para os elementos dos parágrafos: “P.x ”e“ P.Y ”. O “P.x ” O estilo de fonte irá emguicizar o texto específico do parágrafo, enquanto o “P.Y ” O estilo de fonte aplica os dois Valores de propriedade "itálico" e "ousado" em estilo de fonte para o elemento de texto:

Este é um parágrafo, normal.

Este é um parágrafo, itálico e ousado.

Como você pode ver na saída, a propriedade em estilo de fonte do texto do primeiro parágrafo é definida apenas como itálico, enquanto o texto do segundo parágrafo é ousado e em itálico:

Como oblíqua uma fonte em html

A propriedade do estilo de fonte oblíqua CSS é usada para escrever texto cursivo; No entanto, difere do estilo da fonte itálica de uma maneira que utiliza graus para inclinar o texto. Além disso, o texto é ligeiramente inclinado da esquerda para a direita no estilo de fonte oblíqua.

Todos os navegadores não suportam o estilo de fonte oblíqua, mas se você quiser usá -lo, estimule artificialmente no estilo de fonte normal.

Sintaxe da propriedade de fonte oblíqua CSS

Aqui, "ângulo”Define o ângulo de texto inclinado, e esse recurso distingue oblíquo da propriedade em estilo de fonte itálica.

Observação: CSS Oblíquo A propriedade em estilo de fonte usa um Ângulo de 14 graus por padrão, e seus valores de grau válidos estão entre -90 graus a 90 graus.

Exemplo: Propriedade do estilo de fonte ital CSS

No exemplo a seguir, definiremos o ângulo de “oblíquo”Propriedade do estilo de fonte como“10DEG”:

Estilo de fonte oblíqua.

Estilo de fonte oblíqua com grau.

Salve o código adicionado e abra o arquivo HTML no navegador. Ao fazer isso, você verá que o estilo oblíquo da fonte é aplicado ao texto do parágrafo em Ângulo de 10 graus:

Como normalizar uma fonte em html

O estilo de fonte padrão é definido como “normal”No CSS. Agora, você pode questionar por que usamos a propriedade normal do estilo de fonte se já estiver definida como o valor padrão do estilo de fonte?

O normal A propriedade em estilo de fonte CSS é utilizada para normalizar a fonte de volta ao seu estado original se alterado usando valores itálico ou oblíquo.

Confira o exemplo a seguir para entender o conceito declarado.

Exemplo: Propriedade normal do estilo de fonte CSS

No exemplo abaixo, a fonte está em itálico usando a propriedade em estilo de fonte:

Estilo de fonte em itálico.

Agora, para reverter a fonte de volta ao normal, será usado o valor normal da propriedade em estilo de fonte:

Estilo de fonte normal.

A saída significa que definimos com sucesso o estilo de fonte como normal:

Todas as informações essenciais relacionadas à propriedade do estilo de fonte CSS. Você pode explorá -lo por conta própria.

Conclusão

CSS no estilo de fonte Propriedade especifica o estilo da fonte dos elementos de texto. É usado para estilizar texto em Formato normal, itálico, ousado e oblíquos. Ao utilizar diferentes propriedades do estilo de fonte CSS, podemos personalizar o estilo de um texto e torná-lo visualmente atraente. Esta redação discutiu a propriedade do estilo de fonte CSS com a ajuda de exemplos adequados.