معرفی کتابخانه Simple line icon

استفاده از فونت آیکون ها جزء جدایی ناپذیر طراحی صفحات وب شده است. کتابخانه های فونت زیادی برای این کار وجود دارند. در این ویدئو با یک فونت زیبا، سبک و حرفه ای آشنا می شویم.

معرفی کتابخانه Simple line icon
Article مجازی

کتابخانه simple-line-icon یک کتابخانه فونت زیبا، سبک و حرفه ای است که فونت های جذاب و تک خطی برای استفاده در طراحی صفحات وب دارد. به خصوص این فونت ها بسیار مناسب طراحی داشبوردهای مدیریتی هستند. در این ویدیو آموزشی نحوه نصب و استفاده از این فونت ها را توضیح داده ایم.

 

معرفی کتابخانه Simple line icon

مانند دیگر کتابخانه های css از npm یا bower و یا هر برنامه مدیریتی دیگری برای نصب simple-line-icon استفاده می کنیم.

  • نصب با npm
npm install simple-line-icons
  • نصب با bower
bower install simple-line-icon

پس از اجرای دستور فوق در ترمینال vscode  ، کتابخانه دانلود می شود و برای اضافه کردن آن به فایل html کافی است از تگ link به صورت زیر استفاده کنیم:

تا اینجا کار نصب تمام شده است. برای استفاده از فونت ها از تگ i استفاده می کنیم.

برای مشاهده کامل فونت های این کتابخانه و دیدن کد فونت ها به این آدرس مراجعه کنید.

فونت ها را می توان در اندازه های مختلف و در حالت های متفاوت استفاده کرد که توصیه می کنم فیلم را مشاهده نمایید.

در آموزش پروژه محور طراحی صفحه وب فارسی با بوت استرپ نیز از فونت آیکون ها در طراحی صفحه استفاده کرده ایم. فونت ها هم ساده هستند و هم زبان گویایی برای طراحان صفحات وب جهت رساندن منظور و مفهوم خود دارند.

 

هزینه ها
انتخاب آیتم های ستاره دار اجباری است
عنوان هزینه تعداد
هزینه * رایگان -
محتوا
  • - دانلود ها

  • فیلم آموزش معرفی کتابخانه simple-line-icons

توسعه وب / HTML-CSS