Carregar fontes customizadas com CSS
4d atrás
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';
}
Comentários (0)