shahab
1 سال پیش توسط shahab مطرح شد
1 پاسخ

استفاده از فونت اوسن در befor after

سلام دوستان امیدوارم که حالتون خوب باشه
خواستم بپرسم که میشه در css دربخش before از فونت اوسن ها استفاده کرد ؟
امکان همچین کاری هستش یا نه ؟


ثبت پرسش جدید
مهدی طارقی
تخصص : Front-End Developer
@mehditareghi 1 سال پیش مطرح شد
0

بله می‌شه از آیکون‌های FontAwesome برای این منظور استفاده کرد.
به‌عنوان‌مثال:


html
Copy code
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-oh8J/j1b0W4qz5NPxsz7/wvHQR86XerMuLil0ZPFqTCqDbvt4PxFdR9cik2uf4f9anveYDBmSmlSqjyV0eN5yA==" crossorigin="anonymous" />
  <style>
    .icon-container::before {
      content: '\f007'; /* Unicode character for a Font Awesome icon */
      font-family: 'Font Awesome 5 Free';
      margin-right: 5px;
    }
  </style>
</head>
<body>

<div class="icon-container">This is a container with a Font Awesome icon.</div>

</body>
</html>```

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام