فونت آیکون

4 هفته پیش
توسط میلاد آپدیت شد
اسماعیل ( 1720 تجربه )
4 هفته پیش

سلام دوستان چطوری میشه از فونت ایکون استفاده کرد؟(لطفا نفرمایید در گوگل سرج کنید چون سرچ کردم
چرا آیکونی در https://fontawesome.com/icons?d=gallery نمی باشد؟
آیگون ها را از کجا پیدا کنم؟

بهترین پاسخ انتخاب شده توسط اسماعیل
میلاد
4 هفته پیش

این مرجع گام به گام رو هم برای اطلاعات بیشتر می تونید مورد مطالعه قرار بدین:
https://www.w3schools.com/icons/default.asp

حسام موسوی ( 242544 تجربه )
4 هفته پیش
تخصص : طراح و برنامه نویس

سلام فایل css و فونت‌ها رو در پروژه اتون قرار میدید و استفاده میکنید !

Alimotreb ( 185402 تجربه )
4 هفته پیش
تخصص : کانفیگ سرور و برنامه نویس

سلام
@em1378sm

توی این صفحه برید
https://fontawesome.com/v4.7.0/icons/
فایل CSS رو به سندتون اضافه کنید
بعد از اضافه کردن ،

<i class="fa fa-address-card" aria-hidden="true"></i>

کلاس هاشو طبق کد مورد نظر بزنید و از آیکونش استفاده کنید
ورژن های جدیدش هم اومده ورژن 5 ، ولی همین هم خوبه و کار راه اندازه.

سیدعلی موسوی ( 49956 تجربه )
4 هفته پیش
تخصص : سی شارپ و پی اچ پی

سلام دوست عزیز
منظور از فونت ایکن اینکه شما فایل fontawesome.css رو تویی پروژتون use میکنی و به این شکل استفاده میکنی

<link rel="stylesheet" href="/css/font-awesome-all.min.css">
<i class="fa fa-icon-name" aria-hidden="true"></i>

در لینک زیر آموزش استفاده از فونت ایکن هست
http://www.iranoweb.com/%D8%A2%D8%B4%D9%86%D8%A7%DB%8C%DB%8C-%D8%A8%D8%A7-font-awesome/

اسماعیل ( 1720 تجربه )
4 هفته پیش

@Alimotreb
منظور از i همان Italic است؟
Aria -hidden چیست که برابر باTrue هست

اسماعیل ( 1720 تجربه )
4 هفته پیش

@hesammousavi
@Alimotreb
@juza66
تشکرازنظراتتون

Alimotreb ( 185402 تجربه )
4 هفته پیش
تخصص : کانفیگ سرور و برنامه نویس

سلام
@em1378sm

خواهش میکنم.
موفق باشید

میلاد ( 114200 تجربه )
4 هفته پیش
تخصص : طراح رابط کاربری - Front-End

1) ابتدا وارد این صفحه بشید و فایل فشرده ی رایگان رو دریافت کنید:
https://fontawesome.com/download --- گزینه ی Free for Web

2) فایل css دریافتی رو، در پوشه مرتبط قرار داده و سپس درون صفحه ی html تون پیوند بدید.

<link rel="stylesheet" href="/css/font-awesome-all.min.css">

3) در هرجای صفحه ی html که لازم داشتید، شکل مناسب رو انتخاب می کنید و اون رو وارد می کنید، مثال:

<i class="fas fa-camera"></i>

راهنمای مستندات: https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

نکته: برای اینکه بفهمید اسم شکل تون چیه، باید وارد سایت مبدا بشید و با کلمات کلیدی جستجو کنید تا نامش رو بدست بیارید: (در صورت عدم نمایش اولیه با فـیلترشکن وارد این صفحه شوید)
https://fontawesome.com/icons?d=gallery&m=free

میلاد ( 114200 تجربه )
4 هفته پیش
تخصص : طراح رابط کاربری - Front-End

این مرجع گام به گام رو هم برای اطلاعات بیشتر می تونید مورد مطالعه قرار بدین:
https://www.w3schools.com/icons/default.asp

اسماعیل ( 1720 تجربه )
4 هفته پیش

@milad
تشکر

میلاد ( 114200 تجربه )
4 هفته پیش
تخصص : طراح رابط کاربری - Front-End

@em1378sm
سلامت باشید
همین گزینه ی تشکر که در پایین-سمت چپ هر نظر هستش رو بزنید، خودش میشه تشکر عزیز جان : )

GHM ( 7625 تجربه )
4 هفته پیش
تخصص : دولوپر نیمه‌استک

@em1378sm برای اینکه بتونید آیکونهای زیر رو مشاهده کنید از پروکسی یا شیلترفکن استفاده کنید

https://fontawesome.com/icons?d=gallery

خودمم دقیق نمیدونم چرا این بخش فیلتره!

میلاد ( 114200 تجربه )
4 هفته پیش
تخصص : طراح رابط کاربری - Front-End

@GHM
ممنون از تذکرتون
درست می فرمایید، من دقت نکرده بودم. مایه تعجب هستش.

برای ارسال پاسخ باید وارد سایت شوید