اضافه کردن فونت دلخواه در ریاکت

برای اینکه یه فونت دلخواهی مثل B-Nazanin رو در پروژه ی ریاکتی خود اضافه کنید، کافیه فقط یه لیوان چای نوش جان کنین! و چند مرحله زیر رو انجام بدید ((:

۱ـ اول باید فونت دلخواه خودتون رو دانلود کنین، پس اول برید گوگل کنین و فونت دلخواه خودتون رو که با فرمت ttf. هستش رو دانلود کنین.

۲ـ یه فولدر یا دایرکتوری به اسم fonts در روت اصلی یا srcیِ پروژتون ایجاد کنین.

.src/fonts

۳ـ حالا فونتی که دانلود کردین(با فرمت ttf.) رو درون پوشه ی fonts کپی کنین.

۴ـ درون index.js پروژتون فونتی که دانلود کردین رو import کنین.

import './fonts/B-Nazanin.ttf'

۵ـ حالا باید font-face رو در index.css اضافه کنین.

@font-face {
  font-family: 'B-Nazanin';
  src: local('B-Nazanin'), url(./fonts/B-Nazanin.ttf) format('truetype');
}

۶ـ خب حالا دیگه میتونین از فونت مورد نظرتون استفاده کنین، کافیه از دستور font-family استفاده کنین.

.body {
  font-family: B-Nazanin
}

امیدوارم چاییتون سرد نشده باشه (: