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
Lobster
font. To do this, copy the following code snippet and paste it into the top of your code editor (before the opening style
element):
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
Now you can use the Lobster
font in your CSS by using Lobster
as the FAMILY_NAME as in the following example:font-family: FAMILY_NAME, GENERIC_NAME;
.
The GENERIC_NAME is optional, and is a fallback font in case the other specified font is not available. This is covered in the next challenge.
Family names are case-sensitive and need to be wrapped in quotes if there is a space in the name. For example, you need quotes to use the "Open Sans"
font, but not to use the Lobster
font.
font-family
CSS rule that uses the Lobster
font, and ensure that it will be applied to your h2
element.
Lobster
font.
testString: assert(new RegExp("googleapis", "gi").test(code), 'Import the Lobster
font.');
- text: Your h2
element should use the font Lobster
.
testString: assert($("h2").css("font-family").match(/lobster/i), 'Your h2
element should use the font Lobster
.');
- text: Use an h2
CSS selector to change the font.
testString: 'assert(/\s*h2\s*\{\s*font-family\:\s*(\"|")?Lobster(\"|")?(.{0,})\s*;\s*\}/gi.test(code), "Use an h2
CSS selector to change the font.");'
- text: Your p
element should still use the font monospace
.
testString: assert($("p").css("font-family").match(/monospace/i), 'Your p
element should still use the font monospace
.');
```
Click here to view more cat photos.
Things cats love:
Top 3 things cats hate: