2018-10-10 22:03:03 +00:00
|
|
|
---
|
|
|
|
id: bad87fee1348bd9aede08807
|
2021-01-08 19:20:48 +00:00
|
|
|
title: 设置元素的字体族名
|
2018-10-10 22:03:03 +00:00
|
|
|
challengeType: 0
|
2019-12-13 05:47:57 +00:00
|
|
|
videoUrl: 'https://scrimba.com/c/c3bvpCg'
|
|
|
|
forumTopicId: 18278
|
2018-10-10 22:03:03 +00:00
|
|
|
---
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --description--
|
|
|
|
|
2021-01-08 19:20:48 +00:00
|
|
|
通过 `font-family` 属性,我们可以设置元素里的字体族名。
|
2020-12-16 07:37:30 +00:00
|
|
|
|
2021-01-08 19:20:48 +00:00
|
|
|
如果你想将 `h2` 元素的字体设置为 `sans-serif`,可以这样写:
|
2019-12-13 05:47:57 +00:00
|
|
|
|
|
|
|
```css
|
|
|
|
h2 {
|
|
|
|
font-family: sans-serif;
|
|
|
|
}
|
|
|
|
```
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --instructions--
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2021-01-08 19:20:48 +00:00
|
|
|
请将 `p` 元素的字体设置为 `monospace`。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --hints--
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2021-01-08 19:20:48 +00:00
|
|
|
`p` 元素应使用 `monospace` 作为字体。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
```js
|
|
|
|
assert(
|
|
|
|
$('p')
|
|
|
|
.not('.red-text')
|
|
|
|
.css('font-family')
|
|
|
|
.match(/monospace/i)
|
|
|
|
);
|
2018-10-10 22:03:03 +00:00
|
|
|
```
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --solutions--
|
2019-12-13 05:47:57 +00:00
|
|
|
|