CSS @font-face
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>Discussão (2)
Carregando comentários...