2022-06-01 14:10:25 +00:00
---
id: 60b69a66b6ddb80858c5157a
title: Step 4
challengeType: 0
dashedName: step-4
---
# --description--
FontAwesome è una biblioteca di icone SVG, molte delle quali possono essere usate gratuitamente. Utilizzerai alcune di queste icone in questo progetto, quindi ti servirà il link a un foglio di stile esterno al tuo HTML.
Aggiungi un elemento `link` con un `rel` di `stylesheet` e un `href` con il valore `https://use.fontawesome.com/releases/v5.8.2/css/all.css` .
# --hints--
Dovresti aggiungere un altro elemento `link` .
```js
2022-06-27 13:55:35 +00:00
assert(document.querySelectorAll('link').length === 2);
2022-06-01 14:10:25 +00:00
```
L'elemento `link` dovrebbe avere un `rel` con il valore `stylesheet` .
```js
2022-06-27 13:55:35 +00:00
assert(document.querySelectorAll('link')?.[1]?.getAttribute('rel') === 'stylesheet');
2022-06-01 14:10:25 +00:00
```
L'elemento `link` dovrebbe avere un `href` con il valore `https://use.fontawesome.com/releases/v5.8.2/css/all.css` .
```js
2022-06-27 13:55:35 +00:00
assert(document.querySelectorAll('link')?.[1]?.getAttribute('href') === 'https://use.fontawesome.com/releases/v5.8.2/css/all.css')
2022-06-01 14:10:25 +00:00
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
2022-06-30 15:24:09 +00:00
< html lang = "en" >
2022-06-01 14:10:25 +00:00
< head >
< meta charset = "utf-8" >
< title > Picasso Painting< / title >
2022-06-21 15:00:08 +00:00
< link rel = "stylesheet" href = "./styles.css" / >
2022-06-01 14:10:25 +00:00
--fcc-editable-region--
--fcc-editable-region--
< / head >
< body >
< / body >
< / html >
```
```css
```
