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
y sans-serif
Cuando una fuente no está disponible, puede indicar al navegador que se "degrade" a otra fuente. Por ejemplo, si deseaba que un elemento usara la fuente Helvetica
, pero se degradara a la sans-serif
cuando Helvetica
no estaba disponible, lo especificará de la siguiente manera: pag {Los nombres genéricos de las familias de fuentes no distinguen entre mayúsculas y minúsculas. Además, no necesitan comillas porque son palabras clave CSS.
Familia tipográfica: Helvetica, sans-serif;
}
monospace
al elemento h2
, de modo que ahora tenga dos fuentes: Lobster
y monospace
. En el último desafío, importó la fuente Lobster
usando la etiqueta de link
. Ahora comente la importación de la fuente Lobster
(utilizando los comentarios HTML que aprendió anteriormente) de Google Fonts para que ya no esté disponible. Observe cómo su elemento h2
se degrada a la fuente monospace
. Nota Lobster
.
testString: 'assert($("h2").css("font-family").match(/^"?lobster/i), "Your h2 element should use the font Lobster
.");'
- text: Su elemento h2 debería degradarse a la fuente monospace
cuando Lobster
no está disponible.
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 su llamada a Google para la fuente Lobster
colocando <!--
delante de ella.
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: