CSS Estilo de fonte
Estilo de fonte
A font-style
é a propriedade usado para colocar estilo no texto.
Propriedade e seus valores:
normal – texto fica normal;
italic – texto fica itálico;
oblique – texto fica inclinado.
Na prática:
<!DOCTYPE html>
<html>
<head>
<style>
p.normal {
font-style: normal;
}
p.italic {
font-style: italic;
}
p.oblique {
font-style:
oblique;
}
</style>
</head>
<body>
<h1>Estilo no texto</h1>
<p class="normal">Estilo normal no texto.
</p>
<p class="italic">Estilo italico no texto.
</p>
<p class="oblique">Texto inclinado para
frente. </p>
</body>
</html>
Espessura da
fonte
A font-weight
é a propriedade para especificar peso de uma fonte.
<!DOCTYPE html>
<html>
<head>
<style>
p.normal {
font-weight:
normal;
}
p.light {
font-weight:
lighter;
}
p.thick {
font-weight: bold;
}
p.thicker {
font-weight:800;
}
</style>
</head>
<body>
<h1> A propriedade font-weight </h1>
<p class="normal">Primeiro paragráfo.
</p>
<p class="light">Segundo paragráfo.
</p>
<p class="thick">Terceiro paragráfo.
</p>
<p class="thicker">Quarto paragráfo.
</p>
</body>
</html>
Variante de
fonte
A font-variant é a propriedade para especificar
com texto será exibido: minúscula e maiúsculas
<!DOCTYPE html>
<html>
<head>
<style>
p.normal {
font-variant:
normal;
}
p.small {
font-variant:
small-caps;
}
</style>
</head>
<body>
<h1>A propriedade fonte variante</h1>
<p class="normal"> Texto será exibido da
forma que foi escrito.</p>
<p class="small">Texto será exibido tdo em
letras maiúscula. </p>
</body>
</html>
