همانطور که در پست قبل گفتم برای سفارشی کردم این فریمورک 2 راه وجود دارد
راه اول استفاده از دستور زیر و ویرایش فایل tailwind-full.config.js :
npx tailwind init tailwind-full.config.js --full
روش دوم هم استفاده از فایل tailwind.config.js است که ما از روش دوم می رویم.
ابتدا فایل های فونت (و فایل css در صورت وجود) در پوشه css ، مکانی که فایل css compile نشده فریمورک وجود دارد:
سپس به فایل tailwind.css (همان فایلی که کامپایل میشود) رفته و فونت خود را اضافه می کنیم:
توجه کنید اگر فایل css نداشتید باید فونت ها را مستقیم در این قسمت بنویسید:
مرحله بعدی به سراغ فایل tailwind.config.js می رویم فونت فمیلی را به آن معرفی میکنیم:
حالا هرجا خواستید از فونت استفاده کنید کافیه از کلاس font-body استفاده کنید.یا اگر خواستید فونت پیشفرض کنید (از همان اول به html بدهد) مانند تصویر زیر عمل کنید:
در تصویر بالا علاوه بر اختصاص دادن فونت رنگ پس زمینه و رنگ متن و خوانایی متن را تغییر دادیم. (از کلاس های tailwindcss استفاده کردیم).
و تمام! npm run build یا npm run watch فراموش نشود!
پست قبلی:
