Carregar fontes customizadas com CSS

4d atrás

Ion

---

0 0

Com a regra

@font-face

Basicamente, você define o nome da fonte, e o local que ela está armazenada, por exemplo:

@font-face {
	font-family: 'Roboto';
 	src: url('fonts/roboto.ttf');
}

Você pode definir uma fonte específica para negrito também:

@font-face {
	font-family: 'Roboto';
	font-weight: bold;
	src: url('fonts/roboto-bold.ttf');
}

Para usar, você só precisa passar o nome da fonte no elemento desejado:

p {
	font-family: 'Roboto';
}