اسماعیل
4 سال پیش توسط اسماعیل مطرح شد
12 پاسخ

فونت آیکون

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


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

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


حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 4 سال پیش مطرح شد
0

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


Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 4 سال پیش مطرح شد
1

سلام
@em1378sm

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

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

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


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش آپدیت شد
1

سلام دوست عزیز
منظور از فونت ایکن اینکه شما فایل 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/


اسماعیل
@em1378sm 4 سال پیش مطرح شد
0

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


اسماعیل
@em1378sm 4 سال پیش مطرح شد
0
Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 4 سال پیش مطرح شد
0

سلام
@em1378sm

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش آپدیت شد
1

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

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


اسماعیل
@em1378sm 4 سال پیش مطرح شد
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

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


GHM
تخصص : دولوپر نیمه‌استک
@GHM 4 سال پیش مطرح شد
2

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

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

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

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


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

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