#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. Да, это работает, большое спасибо. Очень хороший ответ и то, что я искал.