نمایش ندادن ایکون در حالتی جز filled

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

استاد یک سوال : آیکون هایی که وارد میکنم مثل ،

<i class="material-icons"> logout <i>
<i class="material-icons"> pause <i>

اجرا می‌شوند ولی آن هایی که ،

<i class="material-icons-outlined"> logout <i>
<i class="material-icons-round"> pause <i>
.

به این صورت هستند اجرا نمی‌شوند یعنی حالت‌های round , outeline یا sharp داشته باشند . ولی زمانی که این‌ها را از class حذف میکنم اجرا می‌شوند .

لینک cdn را هم همانطوری که آموزش دادید کپی کرده بودم

سلام

امکانش هست کدتون رو در کدپن قرار بدید تا بتونیم بررسی کنیم؟

نازنین کریمی مقدم ۱۹ آذر ۱۴۰۰، ۱۵:۴۰

کد کامل :

html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>wellcometitle>
    <link rel="stylesheet" href="style.css" />
    <link
      href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
  head>
  <body>
    <i class="material-icons-outlined"> logout i>
    <i class="material-icons"> logout i>
  body>
html>

Maziyar Dehghan ۲۰ آذر ۱۴۰۰، ۰۶:۵۵

خود کلاس اصلی متریال آیکون رو که نذاشتید. باید هر دو کلاس رو داشته باشند

اینو تست کنید:

<i class="material-icons material-icons-outlined"> logout <i>
<i class="material-icons material-icons-round"> pause <i>

بهترین پاسخ

لقمان آوند ۲۰ آذر ۱۴۰۰، ۰۹:۰۷