Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Dúvida no Exercício Importar Google Fonts - Introdução a CSS

Pessoal, fiquei com uma dúvida no exercício de como usar as fontes do Google Fonts, o código abaixo que importa as fonts para o meu navegador utilizar precisa ser colocada dentro do meu arquivo.html ou posso colocar dentro do meu arquivo.css? Se não puder dentro do arquivo.css, preciso importar em todas paginas que utilizarem esse arquivo.css com essas fontes do google?

        <!-- carrega a fonte Crimson Text nas versões normal, itálico e negrito -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">

        <!-- carrega a fonte Open Sans Condensed na versão negrito, -->
        <!-- que é a única necessária para os cabeçalhos            -->
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">

Se posso colocar no meu arquivo.css, alguem me explica como por favor, porque aqui não funcionou.

5 respostas

Oi Marcelo, você precisa colocar na página sim, em cada uma delas.

solução!

Bom dia Marcelo! O código para importar as fontes precisa ser colocado em cada pagina do seu HTML, fazendo o <link> para cada uma, pois quando o navegador for carregar os metadados da pagina (os arquivos contidos na tag <head>), ele saberá de onde buscar as fontes para carregar no site! Espero ter ajudado, e bons estudos!

Que chato isso, seria mais fácil importar no css mesmo. Mas fazer o que né... Obrigado pelas repostas. Colocando no <head> funcionou.

Marcelo Meloni, na verdade você consegue importar a fonte no css usando o @import mas não é recomendado por questões de performance. Este link explica o que não utilizar o @import http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

Um exemplo de @import:

@import 'https://fonts.googleapis.com/css?family=David+Libre';

Bom dia estou com problemas de interpretacao neste exercicio.

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">

Este Link eu coloco no Head

mas como faco no site.css ? para chamar o link no p

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software