![[CSS][TUTORIAL]Alterando a fonte da letra Empty](https://2img.net/i/empty.gif)
[CSS][TUTORIAL]Alterando a fonte da letra 06.07.14 21:38
Alterando a fonte da letra
1- Primeiramente crie sua div e classe CSS.
HTML:
- Código:
<div class="tutorialfonte">TEXTO DE TESTE</div>
CSS:
- Código:
.tutorialfonte {
}
2- O comando para trocar a fonte o css é:
font-family: NOME DA FONTE;
(*NOME DA FONTE = É o nome da fonte por exemplo: "arial, cursive, fantasy, etc"*)
3- adicione no seu css (irei usar uma padrão básica.):
- Código:
.tutorialfonte {
font-family: arial;
}
4- Altere o nome da fonte como queira, LEMBRANDO QUE FONTES PERSONALIZADAS NÃO DA CERTO NESSE MODO, SÓ FONTES SIMPLES !
5- Antes e depois:
Antes:
![[CSS][TUTORIAL]Alterando a fonte da letra HGqow7C](https://i.imgur.com/HGqow7C.png)
https://i.imgur.com/HGqow7C.png
Depois:
![[CSS][TUTORIAL]Alterando a fonte da letra IGkNpTa](https://i.imgur.com/iGkNpTa.png)
https://i.imgur.com/iGkNpTa.png
HTML PRONTO:
- Código:
<!-- base disponibilizada pela http://www.power-pixel.net -->
<html>
<head>
<title>SEU TITULO</title>
<meta charset="windows-1252">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<style type="text/css">
.tutorialfonte {
font-family: arial;
}
</style>
<body>
<div class="tutorialfonte">TEXTO DE TESTE</div>
</body>
</html>
Atenciosamente
Example
Example
