Добавление значков с помощью CSS

#html #css #icons

#HTML #css #Значки

Вопрос:

Я учусь добавлять значки в свой HTML, и в школах W3 есть такой пример :

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">  

Что в значительной степени связано с таблицей стилей и возможностью ввода значков со страницы Font awesome. Однако мне не нравится беспорядочный способ добавления его непосредственно в HTML. Есть ли более простой способ для начинающих добавлять значки в фактический CSS вместо тела напрямую?

Спасибо ,

Комментарии:

1. Ваш вопрос неясен, поскольку вы не опубликовали упомянутый вами пример. Есть несколько способов отображения значков. Это вопрос обстоятельств и вкуса.

2. Я только что обновил HTML

Ответ №1:

Самый простой способ — использовать значки fa

 <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>

<i class="fa fa-car"></i>
<i class="fa fa-car" style="font-size:48px;"></i>
<i class="fa fa-car" style="font-size:60px;color:red;"></i>

</body>
</html>