معرفی کتابخانه 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 استفاده می کنیم.

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

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

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