کتابخانه
@fontsource/inter یه بسته npm برای میزبانی شخصی فونت Inter هست. فایل های فونت و CSS آماده رو کنار پروژه ات می ذاره و از همون دامنه خودت سرو می کنه، بدون وابستگی به سرویس بیرونی. برای رابط کاربری، داشبورد و متن های لاتین خوبه، ولی حروف فارسی رو پوشش نمی ده.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز OFL-1.1؛ هش هر فایل با منبع بررسی شده است.
۴٫۱ مگابایت· ۴۱۵ فایل· انتشار
SHA-256: f41a78c4f55fa3f1a39b694fd56a2457c146a8f1c7f6305a8d8c3a9f8a25c9f0
وقتی فونتی مثل Inter رو از یه سرویس بیرونی لود می کنی، سایتت به یه سرور دیگه وابسته می شه. برای سایت های ایرانی این وابستگی دردسر داره. بعضی روزها اتصال به سرویس های خارجی کند یا قطع می شه و صفحه یا با فونت پیش فرض مرورگر نمایش داده می شه یا لود فونت معطل می مونه. @fontsource/inter این مشکل رو این طوری حل می کنه: فایل های فونت کنار بقیه فایل های پروژه ات می شینن و از همون هاست خودت سرو می شن.
این بسته فونت Inter رو به شکل یه بسته npm مرتب عرضه می کنه، با فایل های فونت وب و CSS آماده برای وزن ها و استایل های مختلف. لازم نیست همه رو وارد کنی. فقط وزن هایی رو بیار که واقعا استفاده می کنی، مثلا معمولی و ضخیم. وزن کمتر یعنی فایل کمتر و صفحه سبک تر. مجموعه های زبانی هم جدا هستن، پس می تونی فقط بخش لاتین رو بگیری. نسخه متغیر فونت معمولا یه بسته جدا داره و اگه بهش نیاز داری، باید جداگانه سراغش بری.
یه نکته مهم برای سایت فارسی: Inter حروف فارسی نداره. برای متن فارسی باید فونت جدا بذاری، مثل وزیرمتن یا هر فونت فارسی دیگه ای که دوست داری. Inter رو برای بخش لاتین، عددهای انگلیسی، نام برندها، کدها و رابط های دوزبانه نگه دار. اگه فقط Inter رو تعریف کنی، مرورگر برای حروف فارسی میره سراغ فونت بعدی توی لیست و ظاهر متن ممکنه ناهماهنگ بشه. برای همین ترتیب font-family مهمه و فونت فارسی هم باید توش باشه.
این بسته بیشتر به درد توسعه دهنده ها و کسایی می خوره که قالب یا پروژه سفارشی دارن، مخصوصا با ابزارهایی مثل Vite یا webpack. توی وردپرس هم می شه فایل ها رو دستی کنار قالب گذاشت، ولی اگه قالبت خودش تنظیم فونت داره، همون سرراست تره. اگه سایتت کاملا فارسیه و متن لاتین مهمی نداره، این بسته چیزی بهت اضافه نمی کنه. مجوز OFL معمولا استفاده توی پروژه های شخصی و تجاری رو اجازه می ده، ولی بهتره متن مجوز رو یه بار بخونی.
نسخه رسمی و بدون تغییر این بسته توی مخزن داخلی ما هم هست، برای روزهایی که دسترسی به npm یا منابع خارجی مشکل داره.
کار با این بسته چند قدم ساده داره و بسته به نوع پروژه کمی فرق می کنه:
اگه سایتت کند شد، اول چک کن وزن بی مصرف وارد نکرده باشی. هر وزن اضافه یعنی یه فایل بیشتر برای دانلود.
این یه بسته npm برای فونت Inter هست. به جای اینکه مرورگر کاربر فونت رو از سرور گوگل بگیره، فایل ها روی هاست خودت می شینن و از دامنه خودت سرو می شن. نتیجه اش وابستگی کمتر به سرویس خارجی و رفتار قابل پیش بینی تر وقتی اتصال بین الملل مشکل داره.
نه، Inter حروف فارسی نداره. برای متن فارسی باید یه فونت فارسی جدا تعریف کنی. Inter رو برای بخش های لاتین، عددهای انگلیسی، نام برند و رابط های دوزبانه نگه دار و توی font-family کنار فونت فارسی بذارش. اون وقت مرورگر برای هر حرف، فونت مناسب رو از لیست پیدا می کنه.
آره، می شه. فایل های فونت رو روی هاست و کنار قالب آپلود می کنی و کد آماده پایین همین صفحه رو اضافه می کنی. فقط حواست به مسیر فایل ها باشه، چون اشتباه توی مسیر رایج ترین دلیل لود نشدن فونته. اگه قالبت خودش تنظیم فونت داره، اون راه ساده تره.
مجوز OFL معمولا استفاده از فونت رو توی پروژه های شخصی و تجاری اجازه می ده. ولی درباره فروش جداگانه خود فونت و تغییر و بازنشر شرط هایی داره. اگه قراره فایل ها رو تغییر بدی یا توی محصول دیگه ای بسته بندی کنی، متن مجوز رو حتما بخون.
فقط وزن هایی رو وارد کن که واقعا استفاده می کنی و از مجموعه های زبانی هم فقط لاتین رو بگیر. بیشتر سایت ها با یه وزن معمولی و یه وزن ضخیم راحت کار می کنن. هر وزن اضافه یه فایل دیگه برای دانلود حساب می شه و صفحه رو کندتر می کنه.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.