Как я могу использовать значок материала на веб — странице

#html #css #google-material-icons

Вопрос:

Я добавил

 lt;link href="https://fonts.googleapis.com/icon?family=Material Icons" rel="stylesheet"gt;  

Для index.html

но я не могу показать значок на веб-странице, он показывает имя значка в виде строки.

Я пытался

 lt;span class="material-icons-outlined"gt;  done lt;/spangt;  

но это не работает.

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

1. Измените класс с «материал-значки-очерченные» на «материал-значки».

2. Я сделал это, но это не работает

Ответ №1:

Вы можете отображать значки материалов на веб-странице с помощью этого кода

 lt;!DOCTYPE htmlgt; lt;htmlgt; lt;headgt; lt;link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material Icons"gt; lt;/headgt; lt;bodygt;  lt;i class="material-icons"gt;cloudlt;/igt; lt;i class="material-icons" style="font-size:48px;"gt;cloudlt;/igt; lt;i class="material-icons" style="font-size:60px;color:red;"gt;cloudlt;/igt;  lt;/bodygt; lt;/htmlgt;  

Пример

 lt;link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material Icons"gt;  lt;i class="material-icons"gt;cloudlt;/igt; lt;i class="material-icons" style="font-size:48px;"gt;cloudlt;/igt; lt;i class="material-icons" style="font-size:60px;color:red;"gt;cloudlt;/igt; 

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

1. Да, это работает, большое спасибо. Очень хороший ответ и то, что я искал.