- Este tópico contém 5 respostas, 5 vozes e foi atualizado pela última vez 10 meses, 4 semanas atrás por
.
-
Posts
-
-
Boa noite, estou tendo dificuldades para incluir fontes externas no minha página, usando o método ensinado.Copiei exatamente o ensinado nas aulas de Google Fontes e Fontes Externas, e não muda a minha fonte.
Se eu criar um arquivo só com CSS será que funciona? Já assisti várias vezes e refiz e nada, tanto usando o @import e fazendo download não funciona. -
Olá Ana Paula, tuo bem?
Essa parte realmente meio chata,
Na parte do dowloado, verificou preencher corretamente as propriedades ‘font-family’ e ‘format(‘ex. truetype’);?
Poderia enviar o que você ‘inputou’ no seu framework?
Segue abaixo um exemplo de cada formato:
Método Import:
@import url(‘https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap’);Método download:
@font-face {
font-family: ‘Android’;
src: url(‘../fontes/idroid.otf’) format(‘opentype’);
font-weight: normal;
}Agurado seu resultado!
\o/
-
-
Boa noite, comecei o exercício novamente e agora deu certo. Acho que eu estava cansada no dia que fiz o exercício. E outra coisa que pode ter dado de diferente é que a página do Google fonts estava sendo traduzida e na hora de copiar acho que estava diferente. Enfim, só sei que agora foi rs.
Obrigada. -
Ao inserir uma fonte externa pelo google fonts, minha fonte não teve alteração para a fonte escolhida, fiz igual o exemplo do vídeo e tentei outras fontes também, mas não deu, segue o meu código:
<!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 com google fonts</title>
<style>
@import url(‘https://fonts.googleapis.com/css2? family= Caveat:wght@500 & family= Kaushan+Script & family= Pacifico & display=swap’);body{
font-family: ‘Kaushan Script’, Arial, Helvetica, sans-serif ;}
h1{
font-family: ‘Kaushan Script’, serif;
font-size: 3em;
}</style>
</head>
<body>
<h1>Título</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus unde tenetur ab at nesciunt repudiandae provident iste modi reprehenderit debitis, ipsa quis sequi? Cum obcaecati velit rem alias? Officia, iure?</p>
<h2>Subtítulo</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, aperiam voluptates modi fugiat molestiae repudiandae corrupti totam nihil quas dolor aliquid facere unde explicabo eligendi. Sint omnis labore velit recusandae?</p>
</body>
</html> -
-
- Você deve fazer login para responder a este tópico.