اخطارهای زیر رخ داد: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Warning [2] preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead - Line: 272 - File: inc/plugins/imeiJalaliDate.php PHP 7.3.33 (Linux)
|
فونت آیکون و چگونگی استفاده از آن در طراحی سایت - نسخهی قابل چاپ +- تالار گفتمان اسکریپت دات کام (https://forum.xn--mgbguh09aqiwi.com) +-- انجمن: کدنویسی و برنامه نویسی (https://forum.xn--mgbguh09aqiwi.com/Forum-%DA%A9%D8%AF%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D9%88-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87-%D9%86%D9%88%DB%8C%D8%B3%DB%8C) +--- انجمن: css (https://forum.xn--mgbguh09aqiwi.com/Forum-css) +--- موضوع: فونت آیکون و چگونگی استفاده از آن در طراحی سایت (/Thread-%D9%81%D9%88%D9%86%D8%AA-%D8%A2%DB%8C%DA%A9%D9%88%D9%86-%D9%88-%DA%86%DA%AF%D9%88%D9%86%DA%AF%DB%8C-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%A2%D9%86-%D8%AF%D8%B1-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA) |
فونت آیکون و چگونگی استفاده از آن در طراحی سایت - nooshin88 - 1395/04/28 استفاده از ابزارهای نو در لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید میتواند باعث سهولت در طراحی و جذابیت بیشتر سایت شما شود. یکی از این ابزارها میتواند فونت آیکون باشد. یکی از فونت آیکونهای محبوب Font Awesome میباشد که در ادامه با برخی ویژگیها و نحوه استفاده آن آشنا خواهیم شد. یک فونت، ۵۱۹ آیکون در یک مجموعه واحد، Font Awesome یک زبان تصویری است که بسیاری از کنشهای وابسته به وب را شامل میشود. بدون نیاز به جاوا اسکریپت نگرانی کمتر بابت سازگار نبودن بدلیل آنکه نیاز به جاوا اسکریپت ندارد. مقیاسپذیری بینهایت آیکونها در هر اندازهای زیبا و جذاب خواهند بود. قابلیت استفاده از CSS به آسانی میتوانید به آیکونها رنگ، اندازه و هر انچه که با css امکانپذیر است بدهید. نحوه استفاده 1- ابتدا آخرین ورژن فونت را از سایت Font Awesome دانلود کنید. 2- در <head> کد html خود آدرس زیر را قرار دهید. کد: <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> 3- Font Awesome طراحی شده است تا با عناصر درون خطی (inline element) مانند i و span استفاده شود. کافی است نام آیکون را پس از fa- در class بگذاریم. برای مثال: کد: <i class="fa fa-camera-retro"></i> fa-camera-retro کد: <i class="fa fa-desktop"></i> fa-desktop منبع: لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید لینک قابل نمایش نیست . لطفا ثبت نام کنید و یا وارد سایت شوید در عکس زیر نمونه هایی از آیکونها را میتوانید مشاهده کنید. |