loading...

مرجع مقالات تخصصی طراحی سایت

بازدید : 3
شنبه 18 فروردين 1403 زمان : 11:17

همانگونه که میدانید Font Awesome 6 اخیرا منتشر گردیده‌است و یوزرها متعددی دوست دارا‌هستند از ورژن تازه این فونت آیکون به کار گیری نمایند. در صورتی یادتان باشد در مقاله‌ها پیشین به Font Awesome 5 اشاره کردیم و در مجموع توضیح دادیم که چطور می توانید از این فونت‌آیکون به کار گیری نمایید. مقصود طراحی سایت اساسی ما در ادمین وب سایت از این نوشته‌علمی این میباشد که در مجموع توضیح دهیم چطور می توانید از ورژن نو این فونت‌آیکون دوست داستنی به کارگیری نمایید و این که به کار گیری از ورژن نو فونت آوسام چه مزایایی قادر است در‌پی داشته باشد. در‌حالتی که عشق و علاقه‌مند میباشید که شما هم داده ها بیشتری را درین حوزه به دست بیاورید با ما در‌این نوشته‌ی‌علمی همپا باشید.

نکته‌ای که خوب میباشد همین اولیه فراگیری به شما گوش زد کنم این میباشد که ما از ورژن مجانی این فونت‌آیکون استعمال کرده‌ایم پس مسلما دقت ویژه‌ای را به‌این قضیه داشته باشید.

روش دانلود Font Awesome 6
برای به کار گیری فونت‌آوسام آغاز وارد تارنما قانونی این فونت آیکون یعنی FontAwesome.com بشید. وقتی که وارد برگه مهم شدید می توانید به راحتی دکمه دانلود را ملاحظه کنید.


بعداز کلیک بر روی این دکمه وارد کاغذ دانلود Font Awesome 6 میشوید. در‌این برگه دو دکمه دانلود وجود داراست. شما می بایست ورژن اینترنت را دانلود نمائید. توجه داشته باشید که ورژن دیگر فونت‌آوسام مرتبط با دسکتاپ میباشد و برای طراحی وب سایت به کارگیری نمی شود.


همانگونه که در اولِ نوشته‌ی‌علمی گفته شد ما قصد داریم از ورژن بدون‌پول این فونت‌آیکون به کار گیری کنیم پس بر روی دکمه Free For Web کلیک میکنیم. شما میتوانید از روش پیوند دانلود بدون واسطه به ورژن بدون پول فونت‌آوسام 6 دسترسی داشته باشید.

طریق نصب Font Awesome 6
نصب ورژن تازه فونت‌آوسام نیز مانند به عبارتی ورژن گذشته میباشد. کافی میباشد که فولدر CSS مرتبط با سبک فونت متبوع خودتان را تعیین فرمائید. در شرایطی که تصمیم دارید که از همگی اینترنت‌فونت‌های جان دار در FontAwesome 6 به کار گیری فرمائید می توانید فولدر All.css را تعیین فرمائید. این فولدر را در فایل مرتبط با css پروژه خودتان قرار دهید.

بعد از آن فولدر WebFont را نیز نسخه برداری کرده و یک دایرکتوری پیشین‌خیس از فولدر فعلی all.css قرار دهید.

هم اکنون بایستی با به کار گیری از تگ Link پوشه all.css را فراخوانی نمایید.


شما میتوانید خروجی کد بالا را در تصویر پایین ملاحظه کنید.


تغییر و تحول مسیر فونت‌ها
در حالتی که قصد دارید که فولدر‌های مرتبط با فونت را در مسیر دیگری قرار دهید می بایست پاره ای کدهای مرتبط با all.css را تغییر تحول دهید تا از ایرادات متعدد خودداری خواهد شد. برای این عمل کافی میباشد که عبارت font-face@ را در فولدر all.css کاوش فرمایید. آن گاه از عبارت‌های یافت گردیده نشانی مرتبط با فولدر‌های Webfont را تغییر و تحول دهید. این فعالیت بسیار بی آلایش میباشد. شما میتوانید از تصویر پایین تحت عنوان راهنما به کار گیری فرمائید.


جستجوی فونت‌ها در FontAwesome
به کاغذ اولیه وبسایت FontAwesome بروید. در بالای کاغذ بر روی مورد Icons کلیک فرمائید. نکته‌ای که می بایست به آن دقت داشته باشید این میباشد که پیش از ایفا این عمل می بایست اپلیکیشن تغییر‌و تحول آیپی را پر‌نور فرمایید تا مشکلی به وجود نیاید. اکنون می توانید با جستجوی کلید واژه و کلمه به آیکون مد لحاظ خودتان برسید.


چه مواقعی در Font Awesome 6 نو میباشد؟
حالا که با شیوه نصب FontAwesome 6 تا حد موردنیاز آشنا شدیم می توانیم به سراغ این برویم که چه مواقعی در‌این نسخه جدیدتر میباشد. مورد ها تازه عبارت‌اند از:

1.آیکون‌های بیشتر
ورژن Awesome 6 دارنده بیش تر از 7000 آیکون میباشد که می توانید به راحتی هر آنچه که نیاز داری را پیدا نمایید. در ورژن نو اکثر نمادها مجدد پیاده سازی گردیده‌اند، هم‌اینگونه نام آنان عوض شد‌ه‌است. به کار گیری از آیکون‌های تازه بسیار سازگارتر و شل‌خیس میباشد و همین دستور موجب سهولت ورژن نو شد‌ه‌است.

2.استایل‌های بیشتر
در ورژن‌های استایل‌های solid, regular, light, duotone به طور بدون نقص وجود دارااست. ولی برای دسترسی به همه این استایل‌ها می بایست ورژن پرو را تهیه و تنظیم فرمائید. هم‌اینگونه ورژن جدیدی به اسم SHARP هم میان این استایل‌ها وجود دارااست که می توانید به راحتی از آن به کار گیری نمائید.

همانگونه که میدانید Font Awesome 6 اخیرا منتشر گردیده‌است و یوزرها متعددی دوست دارا‌هستند از ورژن تازه این فونت آیکون به کار گیری نمایند. در صورتی یادتان باشد در مقاله‌ها پیشین به Font Awesome 5 اشاره کردیم و در مجموع توضیح دادیم که چطور می توانید از این فونت‌آیکون به کار گیری نمایید. مقصود طراحی سایت اساسی ما در ادمین وب سایت از این نوشته‌علمی این میباشد که در مجموع توضیح دهیم چطور می توانید از ورژن نو این فونت‌آیکون دوست داستنی به کارگیری نمایید و این که به کار گیری از ورژن نو فونت آوسام چه مزایایی قادر است در‌پی داشته باشد. در‌حالتی که عشق و علاقه‌مند میباشید که شما هم داده ها بیشتری را درین حوزه به دست بیاورید با ما در‌این نوشته‌ی‌علمی همپا باشید.

نکته‌ای که خوب میباشد همین اولیه فراگیری به شما گوش زد کنم این میباشد که ما از ورژن مجانی این فونت‌آیکون استعمال کرده‌ایم پس مسلما دقت ویژه‌ای را به‌این قضیه داشته باشید.

روش دانلود Font Awesome 6
برای به کار گیری فونت‌آوسام آغاز وارد تارنما قانونی این فونت آیکون یعنی FontAwesome.com بشید. وقتی که وارد برگه مهم شدید می توانید به راحتی دکمه دانلود را ملاحظه کنید.


بعداز کلیک بر روی این دکمه وارد کاغذ دانلود Font Awesome 6 میشوید. در‌این برگه دو دکمه دانلود وجود داراست. شما می بایست ورژن اینترنت را دانلود نمائید. توجه داشته باشید که ورژن دیگر فونت‌آوسام مرتبط با دسکتاپ میباشد و برای طراحی وب سایت به کارگیری نمی شود.


همانگونه که در اولِ نوشته‌ی‌علمی گفته شد ما قصد داریم از ورژن بدون‌پول این فونت‌آیکون به کار گیری کنیم پس بر روی دکمه Free For Web کلیک میکنیم. شما میتوانید از روش پیوند دانلود بدون واسطه به ورژن بدون پول فونت‌آوسام 6 دسترسی داشته باشید.

طریق نصب Font Awesome 6
نصب ورژن تازه فونت‌آوسام نیز مانند به عبارتی ورژن گذشته میباشد. کافی میباشد که فولدر CSS مرتبط با سبک فونت متبوع خودتان را تعیین فرمائید. در شرایطی که تصمیم دارید که از همگی اینترنت‌فونت‌های جان دار در FontAwesome 6 به کار گیری فرمائید می توانید فولدر All.css را تعیین فرمائید. این فولدر را در فایل مرتبط با css پروژه خودتان قرار دهید.

بعد از آن فولدر WebFont را نیز نسخه برداری کرده و یک دایرکتوری پیشین‌خیس از فولدر فعلی all.css قرار دهید.

هم اکنون بایستی با به کار گیری از تگ Link پوشه all.css را فراخوانی نمایید.


شما میتوانید خروجی کد بالا را در تصویر پایین ملاحظه کنید.


تغییر و تحول مسیر فونت‌ها
در حالتی که قصد دارید که فولدر‌های مرتبط با فونت را در مسیر دیگری قرار دهید می بایست پاره ای کدهای مرتبط با all.css را تغییر تحول دهید تا از ایرادات متعدد خودداری خواهد شد. برای این عمل کافی میباشد که عبارت font-face@ را در فولدر all.css کاوش فرمایید. آن گاه از عبارت‌های یافت گردیده نشانی مرتبط با فولدر‌های Webfont را تغییر و تحول دهید. این فعالیت بسیار بی آلایش میباشد. شما میتوانید از تصویر پایین تحت عنوان راهنما به کار گیری فرمائید.


جستجوی فونت‌ها در FontAwesome
به کاغذ اولیه وبسایت FontAwesome بروید. در بالای کاغذ بر روی مورد Icons کلیک فرمائید. نکته‌ای که می بایست به آن دقت داشته باشید این میباشد که پیش از ایفا این عمل می بایست اپلیکیشن تغییر‌و تحول آیپی را پر‌نور فرمایید تا مشکلی به وجود نیاید. اکنون می توانید با جستجوی کلید واژه و کلمه به آیکون مد لحاظ خودتان برسید.


چه مواقعی در Font Awesome 6 نو میباشد؟
حالا که با شیوه نصب FontAwesome 6 تا حد موردنیاز آشنا شدیم می توانیم به سراغ این برویم که چه مواقعی در‌این نسخه جدیدتر میباشد. مورد ها تازه عبارت‌اند از:

1.آیکون‌های بیشتر
ورژن Awesome 6 دارنده بیش تر از 7000 آیکون میباشد که می توانید به راحتی هر آنچه که نیاز داری را پیدا نمایید. در ورژن نو اکثر نمادها مجدد پیاده سازی گردیده‌اند، هم‌اینگونه نام آنان عوض شد‌ه‌است. به کار گیری از آیکون‌های تازه بسیار سازگارتر و شل‌خیس میباشد و همین دستور موجب سهولت ورژن نو شد‌ه‌است.

2.استایل‌های بیشتر
در ورژن‌های استایل‌های solid, regular, light, duotone به طور بدون نقص وجود دارااست. ولی برای دسترسی به همه این استایل‌ها می بایست ورژن پرو را تهیه و تنظیم فرمائید. هم‌اینگونه ورژن جدیدی به اسم SHARP هم میان این استایل‌ها وجود دارااست که می توانید به راحتی از آن به کار گیری نمائید.

برچسب ها طراحی سایت ,
نظرات این مطلب

تعداد صفحات : 0

درباره ما
موضوعات
لینک دوستان
آمار سایت
  • کل مطالب : 240
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 39
  • بازدید کننده امروز : 1
  • باردید دیروز : 4
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 40
  • بازدید ماه : 454
  • بازدید سال : 2323
  • بازدید کلی : 3375
  • <
    پیوندهای روزانه
    آرشیو
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    کدهای اختصاصی