Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
O @font-face descrito abaixo deveria atingir o objetivo do Olá Mundo, e não do texto a seguir do Olá Mundo
Alguém pode me mostrar onde está o erro.
Título
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur doloribus dolor eveniet eligendi alias debitis blanditiis. Laborum tenetur, repudiandae accusantium architecto modi autem amet excepturi accusamus doloremque repellendus placeat hic.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fontes Externas</title>
<style>
@font-face {
font-family:'Love';
src: url('fonts/love larry.otf') format ('opentrype'), url('fonts/love larry.ttf') format ('truetrype');
font-weight: normal;
font-style: normal;
}
/*
Tipos de format()
-opentype (otf)
-truetype (ttf)
-embedded-opentype
-trutype-aat (Apple Advanced Typografy)
-svg
*/
body {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-family: 'Love', Times, serif;
font-size: 3em;
font-weight: normal;
}
</style>
</head>
<body>
<h1>Título</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur doloribus dolor eveniet eligendi alias debitis blanditiis. Laborum tenetur, repudiandae accusantium architecto modi autem amet excepturi accusamus doloremque repellendus placeat hic.</p>
</body>
</html>>
Em 25/02/2021 at 16:00, Omar~ disse:
/*
font-family: Algum nome para representar-la no CSS. É aconselhavel que use o nome mesmo da fonte
src: Local de armazenamento do arquivo. É aconselhavel que use somente arquivos ".ttf"
*/
@font-face {font-family: 'NOME_REPRESENTATIVO'; src: url('../fonts/ARQUIVO_DE_FONTE.ttf')}
.fonte_personalizada {
font-family: 'NOME_REPRESENTATIVO' /* tudo que que tiver esse classificador será com a fonte anexada */
}
<h1 class="fonte_personalizada">Olá mundo</h1>
Omar, Já tinha visto, mas só agora estou te dando um retorno. Muito Obrigado
/*
font-family: Algum nome para representar-la no CSS. É aconselhavel que use o nome mesmo da fonte
src: Local de armazenamento do arquivo. É aconselhavel que use somente arquivos ".ttf"
*/
@font-face {font-family: 'NOME_REPRESENTATIVO'; src: url('../fonts/ARQUIVO_DE_FONTE.ttf')}