no-img
سوس وردپرس

تغییر سایز و رنگ آیکون های Font Awesome

بروزرسانی؛
31 آگوست 2020
کد نویسی

فونت بسیار معروف Font Awesome’s این قابلت را دارد که آیکون های آن را تغییر سایز و اندازه بدهید مثلا به رنگ سفید یا رنگ قرمز نشان داده شوند، شما با استفاده از CSS میتوانید این قابلیت را برای این مجموعه فونت کاربردی تعریف کنید.به مثال های زیر دقت کنید:

<i class=”fa fa-check-circle-o fa-5x” style=”color:green”></i>

در کد بالا 5x سایز و color خاصیت رنگ را تعریف می کند. بدین طریق می توانید درون کدهای html خود خاصیت مورد نظر سایز و رنگ آیکون ها را تغییر دهید.

یک روش دیگر استفاده از استایل در فایل css است.

HTML

<i class="fa fa-facebook"></i> 

CSS

i.fa {
    color: red;
    font-size: 30px;
}

جستجوی آیکون مورد نظر در دو سایت زیر؛

https://search-fa.com/en/ یا https://astronautweb.co/snippet/font-awesome/

لینک کوتاه : https://soswp.ir/?p=19172
سلام علیکم!
فرم گزارش را به دقت تکمیل نمایید...
از همکاری شما پیشاپیش سپاسگذاریم