Pictograme în CSS

Cum să Adăugați Pictograme

O bibliotecă de pictograme îți permite să adaugi pictograme unei pagini HTML.

Pune numele clasei pictogramei pe orice element inline, precum <i> sau <span>, și pictograma apare.

Deoarece aceste pictograme sunt vectori scalabili, le poți stiliza cu CSS: mărime, culoare, umbră și așa mai departe.

Pictograme Font Awesome

Pictogramele Font Awesome au nevoie de un cod în <head>-ul paginii tale. Ca să îl obții, autentifică-te pe fontawesome.com; vei primi o mică etichetă script de la kit.fontawesome.com.

Notă: Nu ai nimic de descărcat sau de instalat.

Exemplu

Cu scriptul Font Awesome în head, elementele <i> care au clase Font Awesome afișează pictogramele.

O pagină HTML care adaugă pictograme Font Awesome folosind biblioteca de pictograme.

În `<head>`, includeți scriptul kit Font Awesome. În body, adăugați mai multe elemente `<i>` inline cu clase Font Awesome (fas fa-cloud, fas fa-heart, fas fa-car, fas fa-file, fas fa-bars).

> Output: pagină HTML completă

Prompt

O pagină HTML care adaugă pictograme Font Awesome folosind biblioteca de pictograme. În <head>, includeți scriptul kit Font Awesome. În body, adăugați mai multe elemente <i> inline cu clase Font Awesome (fas fa-cloud, fas fa-heart, fas fa-car, fas fa-file, fas fa-bars).

Output: pagină HTML completă

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>

<i class="fas fa-cloud"></i>
<i class="fas fa-heart"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>

</body>
</html>