کتابخانه
@fontsource/tajawal یه بسته npm برای میزبانی فونت Tajawal روی سرور خودته. فایل های فونت و CSS لازمش تو بسته هست، پس برای نمایش فونت لازم نیست پروژه ات به سرویس بیرونی وصل بشه. به درد پروژه های وبی می خوره که فونت عربی و لاتین تمیز و یکدست می خوان.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز OFL-1.1؛ هش هر فایل با منبع بررسی شده است.
۳۲۶ کیلوبایت· ۵۶ فایل· انتشار
SHA-256: 526f73a516aff138552f586d8aec1100372722e8d0497c667f538c3c395bed47
Tajawal یکی از فونت های Google Fonts هست و @fontsource/tajawal همون فونت رو به شکل بسته npm عرضه می کنه. یعنی به جای اینکه مرورگر کاربر موقع باز کردن سایتت بره سراغ سرور گوگل، فایل های فونت از سرور یا هاست خودت بالا میاد. برای سایت های ایرانی این فرق کوچیکی نیست. وقتی اینترنت بین الملل کند یا قطع و وصل باشه، فونت بیرونی ممکنه دیر لود بشه یا اصلا لود نشه، و صفحه با فونت پیش فرض مرورگر نشون داده می شه.
بسته فایل های فونت و CSS لازم برای تعریف @font-face رو آماده داره. هر وزن رو جدا وارد پروژه می کنی، پس وزن هایی که وارد نکنی به حجم سایتت اضافه نمی شن. Tajawal چند وزن مختلف داره و هر کدوم یه فایل جدا حساب می شه. اگه همه شون رو وارد کنی، مرورگر مجبوره فایل های بیشتری دانلود کنه و صفحه سنگین تر می شه. برای همین بهتره از اول معلوم کنی تو طراحی کدوم ها رو لازم داری. معمولا یه وزن معمولی برای متن و یه وزن ضخیم تر برای تیترها کافیه.
بسته بیشتر به درد پروژه هایی می خوره که با npm و یه ابزار بیلد مثل Vite یا Webpack کار می کنن، مثلا پروژه های React، Vue یا Next. اگه سایت وردپرسی ساده ای داری و فرایند بیلد نداری، باز هم می شه ازش استفاده کرد. فقط باید فایل ها رو خودت کنار قالب بذاری و مسیرشون رو تو CSS درست کنی.
یه نکته رو قبل از انتخاب جدی بگیر: Tajawal اصالتا برای نوشتار عربی و لاتین طراحی شده، نه مخصوص فارسی. اگه سایتت فارسیه، یه متن واقعی خودت رو باهاش تست کن. حروف پ، چ، ژ و گ، اعداد فارسی و فاصله بین کلمه ها رو دقیق نگاه کن و ببین ظاهرش به کارت می خوره یا نه. اگه کیفیت حروف فارسی برات خیلی مهمه، فونت هایی که مخصوص فارسی ساخته شدن شاید انتخاب بهتری باشن.
مجوز این فونت OFL هست که معمولا استفاده تو پروژه های شخصی و تجاری رو آزاد می ذاره، ولی شرایط دقیقش رو یه بار از متن مجوز بخون. نسخه های رسمی و بدون تغییر این بسته رو تو مخزن داخلی ما هم می تونی پیدا کنی، برای روزهایی که دسترسی به npm یا منابع خارجی مشکل داره.
نصب و استفاده از بسته چند قدم بیشتر نیست:
این فونت برای عربی و لاتین طراحی شده و ممکنه تو متن فارسی بعضی جزئیات به خوبی فونت های مخصوص فارسی درنیاد. مطمئن ترین کار اینه که یه متن واقعی از سایت خودت رو باهاش تست کنی. حروف پ، چ، ژ و گ، اعداد فارسی و فاصله بین کلمه ها رو دقیق نگاه کن.
تو Google Fonts مرورگر فایل فونت رو از سرور گوگل می گیره، ولی با Fontsource فایل ها کنار سایت خودت میزبانی می شن. وقتی اینترنت بین الملل ضعیفه، معمولا فونت سریع تر و مطمئن تر لود می شه و احتمال اینکه صفحه با فونت پیش فرض نشون داده بشه کمتر می شه.
نه، ولی با ابزار بیلد کار راحت تره. اگه سایتت مثلا یه قالب ساده وردپرسی هست، می تونی فایل های فونت و CSS رو دستی کنار قالب بذاری و مسیرشون رو تو @font-face تنظیم کنی. بعدش تو تب Network مرورگر چک کن فایل ها از سرور خودت لود می شن و مسیرها درست باشن.
مجوز این فونت OFL هست که معمولا استفاده تو پروژه های شخصی و تجاری رو آزاد می ذاره. ولی شرایط دقیق، مثل فروش جداگانه خود فونت یا تغییر دادنش، تو متن مجوز اومده. قبل از استفاده تجاری یه بار اون رو بخون.
هر وزن فونت یه فایل جدا داره و مرورگر باید اون رو دانلود کنه. اگه همه وزن ها رو وارد کنی، حجم صفحه بی دلیل بالا می ره. برای بیشتر سایت ها یه وزن معمولی برای متن و یه وزن ضخیم برای تیتر کافیه.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.