نمایش ندادن ایکون در حالتی جز 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>

استاد منصور واعظی ۲۰ آذر ۱۴۰۰، ۰۶:۵۵

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

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

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

بهترین پاسخ

نازبو عنایت ۲۰ آذر ۱۴۰۰، ۰۹:۰۷