سلام خوش اومدین به یه آموزش دیگه از تیلویند 🔥
تو مباحث قبلی ما درباره کانفیگ کردن تیلویند صحبت کردیم و خب برای بحث کانفیگ کردن فونت ها امروز قراره این پست کوتاه رو ببینیم ⚡️

خب اول از همه شما نیاز به ادرس فونت یا فایلش دارین، بعد از اون خب داخل نصب تیلویند یه فایل css داریم که لایه های تیلویند رو اضافه کردیم داخلش
مثلا فایل main.css که داخلش این موارد هست هرچند توی نصب تیلویند تو همون مباحث اولیه گفتیم:

@tailwind base;
@tailwind components;
@tailwind utilities;

🟢خب حالا ما میتونیم اینجا به لایه های مختلف تیلویند یسری چیزارو اضافه کنیم، اگر قرار باشه فونت اضافه کنیم باید داخل لایه base باشه چون که مربوط به چیزای ریشه‌ای میشه.

این کارو میکنیم:

@layer base {
 @font-face {
       font-family: "new font",
       src: url("./path/to/your/font.ttf)
  }
}

حالا داخل فایل tailwind.config.ts میایم و فونتمون رو اضافه میکنیم:

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{html,js}'],
  theme: {
    extend: {
      fontFamily: {
      newFont : "new font",
    },
    }
  },
}

💡تبریک میگم فونت شما اضافه شد به تیلویند
استفادش:

class="font-newFont"

#tailwind #tailwind_14
☕️ @CodeExplore