Poderiam me explicar como funciona o @ font-face no codigo?
Poderiam me explicar como funciona o @ font-face no codigo?
Boa noite, Eduardo! Tudo bem?
O @font-face é uma regra do CSS que permite incluir e utilizar fontes personalizadas em uma página web, sem depender apenas das fontes instaladas no sistema do usuário.
Vamos entender como ele funciona:
Com @font-face, você pode importar arquivos de fonte diretamente no seu código CSS e aplicá-los aos elementos desejados.
Exemplo de uma Sintaxe dele abaixo:
@font-face {
font-family: 'MinhaFonte';
src: url('minhafonte.woff2') format('woff2'),
url('minhafonte.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'MinhaFonte', Arial, sans-serif;
}