Click here to view more cat photos.
Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
monospace
, serif
e sans-serif
Quando uma fonte não está disponível, você pode dizer ao navegador para "degradar" a outra fonte. Por exemplo, se você quiser que um elemento use a fonte Helvetica
, mas se degrada na fonte sans-serif
quando a Helvetica
não estiver disponível, especifique-o da seguinte maneira: p {Os nomes das famílias de fontes genéricas não diferenciam maiúsculas de minúsculas. Além disso, eles não precisam de aspas porque são palavras-chave CSS.
família de fontes: Helvetica, sans-serif;
}
monospace
ao elemento h2
, para que agora ela tenha duas fontes - Lobster
e monospace
. No último desafio, você importou a fonte Lobster
usando a tag de link
. Agora comente a importação da fonte Lobster
(usando os comentários HTML que você aprendeu antes) do Google Fonts para que ela não esteja mais disponível. Observe como seu elemento h2
degrada para a fonte monospace
. Nota Lobster
.
testString: 'assert($("h2").css("font-family").match(/^"?lobster/i), "Your h2 element should use the font Lobster
.");'
- text: Seu elemento h2 deve se degradar na fonte monospace
quando Lobster
não estiver disponível.
testString: 'assert(/\s*h2\s*\{\s*font-family\:\s*(\"|")?Lobster(\"|")?,\s*monospace\s*;\s*\}/gi.test(code), "Your h2 element should degrade to the font monospace
when Lobster
is not available.");'
- text: Comente sua chamada para o Google para a fonte Lobster
colocando <!--
na frente dela.
testString: 'assert(new RegExp("", "gi").test(code), "Be sure to close your comment by adding -->
.");'
```
Click here to view more cat photos.
Things cats love:
Top 3 things cats hate: