Poderiam me explicar como funciona o @ font-face no codigo?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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;
}