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

Dúvida no Ex. 6 da Aula 2 - Introdução a CSS - Uso do Google Fonts

Olá

Neste exercício, é pedido para fazer uso do Google Fonts. Sendo assim, no meu arquivo.html eu faço a declaração do link para a font, por exemplo:

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

Já no meu arquivo.css, eu preciso especificar que as fontes são serifadas e não serifadas? Além disso, o navegador procura as fontes na ordem da direita para a esquerda. Visto que estou chamando uma fonte externa do Google, existe o problema do meu navegador não conhecer a fonte? Não entendi a necessidade de colocar outras opções à esquerda. Ex.:

h1,h2{
    font-family: "Open Sans Condensed","Arial", sans-serif;
}

Obrigado!!

5 respostas

O font-family funciona da esquerda para a direita, as opções extras são opções caso o navegador não suporte a fonte importada.

Neste link você pode ver os browsers suportados: https://developers.google.com/fonts/faq#Browsers_Supported

Está correto Caio, "da esquerda para a direita". Mas o que você está dizendo é que pode haver versões de browsers mais antigas que não suportem Google Fonts, é isso?

Obrigado pela ajuda!!

solução!

Isto mesmo Bruno, seguem as versões a partir das quais o suporte foi implementado:

Google Chrome: versão 4.249.4+ Mozilla Firefox: versão: 3.5+ Apple Safari: versão 3.1+ Opera: versão 10.5+ Microsoft Internet Explorer: versão 6+

Obrigado, Caio!!

Sua dúvida me ajudou Bruno! Estava colocando o link do Google Fonts no CSS e por isso não funcionava, lendo sua pergunta coloquei no html e funcionou!