کتابخانه
@fontsource/pt-sans یه بسته npm برای میزبانی فونت PT Sans روی سرور خودته. به جای گرفتن فونت از سرویس های خارجی، فایل های فونت و CSS رو کنار پروژه نگه می داری و از هاست خودت سرو می کنی. برای متن لاتین و سیریلیک خوبه، ولی حروف فارسی رو نداره.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز OFL-1.1؛ هش هر فایل با منبع بررسی شده است.
۷۲۵ کیلوبایت· ۶۵ فایل· انتشار
SHA-256: 360c0e63641d799c4dc9ad7ecbe0e1493f60d3c0070a9369b49878939da4d3ea
@fontsource/pt-sans یکی از بسته های پروژه Fontsource هست و فونت PT Sans رو به شکل یه بسته npm مرتب بهت می ده. PT Sans یه فونت بدون سریف، ساده و خوانا با حس کمی انسانیه و بین فونت های وب جای شناخته شده ای داره. با این بسته دیگه به لینک یه سرویس بیرونی تکیه نمی کنی. بسته رو نصب می کنی، CSS رو ایمپورت می کنی و فونت از همون سروری میاد که سایتت روشه.
برای سایت های ایرانی این فقط یه سلیقه فنی نیست. وقتی فونت از سرویس خارجی لود می شه و اینترنت بین الملل مشکل داره، مرورگر یا دیر جواب می گیره یا اصلا نمی گیره. نتیجه اش فونت پیش فرض سیستمه و چیدمانی که یه لحظه جابه جا می شه. وقتی فایل ها روی هاست خودته، این وابستگی نیست و رفتار سایت قابل پیش بینی تر می شه.
قبل از انتخاب یه نکته رو بدون: PT Sans برای حروف لاتین و سیریلیک ساخته شده و حروف فارسی و عربی نداره. پس اگه متن اصلی سایتت فارسیه، این فونت جواب نمی ده و باید یه فونت فارسی جدا انتخاب کنی. جای درستش جاهایی هست که متن انگلیسی داری، مثل نام برند، عنوان های لاتین، بخش انگلیسی یه سایت دوزبانه، مستندات فنی یا داشبورد. کنار فونت فارسی هم می تونی PT Sans رو برای بخش لاتین بذاری و فونت فارسی رو بعدش توی font-family بیاری.
موقع استفاده فقط وزن ها و حالت هایی رو لود کن که واقعا لازم داری. هر وزن و هر حالت، مثلا معمولی، ضخیم یا ایتالیک، فایل جدا داره و ایمپورت همه شون بی دلیل حجم صفحه رو بالا می بره. مجوز فونت OFL هست و معمولا استفاده توی پروژه های شخصی و تجاری و میزبانی روی سرور خودت رو اجازه می ده. با این حال شرایط کامل مجوز رو یه بار بخون، مخصوصا اگه می خوای خود فونت رو توی محصولی بسته بندی و پخش کنی.
نسخه های رسمی و بدون تغییر این بسته توی مخزن داخلی ما هم در دسترسه. اگه دسترسی به npm یا منابع خارجی برات مشکل داره، می تونی از همین جا بگیری.
کار با @fontsource/pt-sans پیچیده نیست. مراحل رو به ترتیب جلو ببر:
آخرش سایت رو توی مرورگر باز کن و از تب Network ابزار توسعه دهنده چک کن که فایل های فونت از دامنه خودت میان، نه از بیرون.
نه. PT Sans برای حروف لاتین و سیریلیک طراحی شده و حروف فارسی و عربی نداره. اگه متن فارسی باهاش نوشته بشه، مرورگر برای اون حروف سراغ یه فونت دیگه می ره. بهتره برای متن فارسی یه فونت فارسی جدا انتخاب کنی و PT Sans رو فقط برای بخش های انگلیسی بذاری.
با لینک خارجی، هر بازدید به یه سرویس بیرونی وابسته ست. با Fontsource فایل ها رو خودت نگه می داری و از سرور خودت سرو می کنی. توی روزهای اختلال اینترنت بین الملل این فرق معلوم می شه، چون فونت دیگه منتظر یه منبع بیرونی نمی مونه.
مجوز این فونت OFL هست و معمولا استفاده توی سایت ها و پروژه های تجاری رو اجازه می ده. محدودیت اصلی مربوط به فروش خود فونت به تنهایی و پخش نسخه تغییر داده شده با همون نام اصلیه. برای اطمینان، متن کامل مجوز رو یه بار بخون.
Fontsource برای هر وزن و حالت یه فایل CSS جدا داره. به جای ایمپورت کامل بسته، فقط CSS همون وزن یا حالتی رو که لازم داری ایمپورت می کنی. اینجوری فایل های کمتری لود می شه و صفحه سبک تر می مونه. اسم دقیق فایل ها رو توی خود بسته می بینی.
آره. فایل های فونت و CSS بسته رو روی هاست خودت می ذاری و توی استایل قالب یا قالب فرزند بهشون لینک می دی. یا از کد آماده پایین همین صفحه استفاده می کنی. فقط مسیرها رو درست بنویس و بعدش از تب Network مرورگر چک کن که فایل ها لود شدن.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.