کتابخانه
@fontsource/montserrat یه بسته npm هست که فونت Montserrat رو با فایل های لازمش آماده می کنه تا روی سرور خودت میزبانی بشه. به جای گرفتن فونت از سرویس های خارجی، فایل ها کنار پروژه ات می مونن. برای سایت ها و اپ هایی که تیتر و متن لاتین دارن مناسبه.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز OFL-1.1؛ هش هر فایل با منبع بررسی شده است.
۳٫۱ مگابایت· ۳۰۳ فایل· انتشار
SHA-256: 7056ca7c91924262e43ca676f37e4f31c277a553464e6f5803456122731ed7a2
@fontsource/montserrat یکی از بسته های پروژه Fontsource هست و فونت Montserrat رو از مجموعه Google Fonts به شکل یه بسته npm مرتب عرضه می کنه. مجوز فونت OFL هست؛ یه مجوز آزاد که معمولا برای پروژه های شخصی و تجاری مشکلی درست نمی کنه. با این حال شرایطش رو یه بار خودت هم بخون.
مشکلی که حل می کنه ساده هست: معمولا فونت رو با یه لینک از سرویس خارجی می گیریم. وقتی اینترنت بین الملل کند یا ناپایدار می شه، همین یه درخواست می تونه باعث بشه صفحه با فونت پیش فرض مرورگر بالا بیاد یا چند ثانیه متن دیر نشون داده بشه. با این بسته فایل های فونت و CSS روی سرور خودت می شینن و مرورگر همه چیز رو از دامنه خودت می گیره. کش و سرعت هم دست خودته.
اگه پروژه ات با ابزار ساخت مثل Vite یا webpack کار می کنه، یا قالب و سایت اختصاصی می نویسی و می خوای فونت جزو فایل های پروژه باشه، این بسته به درد تو می خوره. سایت وردپرسی هم مشکلی نداره: می تونی فایل ها رو روی هاست بذاری و با یه فایل CSS به صفحه وصلشون کنی.
یه نکته رو جدی بگیر: Montserrat حروف لاتین و چند زیرمجموعه مثل سیریلیک و ویتنامی رو داره، ولی حروف فارسی نداره. اگه متن اصلی سایتت فارسیه، این فونت رو برای نام برند، تیترهای انگلیسی، منو یا بخش های لاتین بذار و برای متن فارسی یه فونت فارسی کنارش تعریف کن. وگرنه مرورگر برای حروف فارسی خودش یه فونت جایگزین انتخاب می کنه و ظاهر صفحه یکدست نمی شه.
نکته بعدی حجمه. هر وزن و هر حالت (معمولی یا کج) فایل جدا داره، پس فقط همونایی رو بیار که واقعا استفاده می کنی؛ مثلا یه وزن معمولی و یه وزن ضخیم برای تیتر. نسخه های رسمی و بدون تغییر این بسته تو مخزن داخلی ما هم هست. اگه دسترسی به منبع اصلی محدود بود، می تونی از همین جا برداری.
اول ببین پروژه ات ابزار ساخت داره یا نه، چون مسیر کار از همین جا جدا می شه. کد آماده برای افزودن به صفحه هم پایین همین صفحه هست.
آخرش صفحه رو باز کن، بخش Network ابزار توسعه مرورگر رو ببین و مطمئن شو فایل های فونت از دامنه خودت میان، نه از یه منبع خارجی. اگه کش سرور رو درست تنظیم کنی، دفعه های بعد فونت بدون دانلود دوباره از حافظه مرورگر لود می شه.
نه، این فونت برای حروف لاتین و چند زیرمجموعه دیگه مثل سیریلیک و ویتنامی ساخته شده و حروف فارسی نداره. اگه متن سایتت فارسیه، یه فونت فارسی برای متن اصلی تعریف کن و Montserrat رو فقط برای تیتر و متن انگلیسی بذار.
با لینک مستقیم، مرورگر کاربر باید به سرویس خارجی وصل بشه. با این بسته فایل ها روی سرور خودت هستن. برای سایت های ایرانی که گاهی با کندی یا قطعی ارتباط بین المللی سروکار دارن، این روش پایدارتره و کنترل بیشتری بهت می ده.
نه، و بهتره این کار رو نکنی. هر وزن و هر حالت کج فایل جدایی داره و لود همه اونا حجم صفحه رو بی دلیل بالا می بره. برای بیشتر سایت ها یه وزن معمولی و یه وزن ضخیم برای تیترها کافیه.
مجوز این فونت OFL هست و معمولا استفاده تو پروژه های تجاری رو اجازه می ده. فقط باید شرایط مجوز رو رعایت کنی، مثلا فونت رو جداگانه نفروشی. برای اطمینان کامل، متن مجوز رو یه بار بخون. اگه فونت رو تغییر بدی یا تو یه بسته دیگه پخش کنی، شرایط مجوز اهمیت بیشتری پیدا می کنه.
آره. فایل های بسته رو از مخزن برمی داری، CSS و فونت ها رو روی هاست آپلود می کنی و فایل CSS رو تو صفحه یا قالب وردپرس وصل می کنی. فقط حواست باشه مسیر فایل های فونت تو CSS با جای آپلودت بخونه.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.