کتابخانه
@fontsource/lato یه بسته npm برای میزبانی خودت از فونت Lato روی سایت یا پروژه است. به جای اینکه فونت رو از یه سرویس بیرونی بگیری، فایل های فونت و CSS لازمش رو کنار پروژه نگه می داری. برای سایت هایی که نباید به اینترنت بین الملل وابسته باشن و سرعت لود فونتشون مهمه، انتخاب خوبیه.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز OFL-1.1؛ هش هر فایل با منبع بررسی شده است.
۵۱۰ کیلوبایت· ۷۹ فایل· انتشار
SHA-256: 3da7a9d1d271a1dafa5dae5b687b0fb16f86d43eddf467b8be5997f67a6b0663
اگه تا حالا فونت رو از یه سرویس بیرونی مثل گوگل فونتس روی سایتت لود کرده باشی، می دونی مشکلش کجاست. وقتی اینترنت بین الملل کند یا قطع می شه، درخواست فونت دیر جواب می ده یا اصلا جواب نمی ده. نتیجه اش اینه که مخاطب یا متن بی فونت می بینه، یا صفحه اول با فونت پیش فرض مرورگر باز می شه و بعد شکلش عوض می شه. @fontsource/lato برای همین کار ساخته شده: فونت Lato رو توی یه بسته npm می ده که فایل هاش رو خودت کنار پروژه و روی هاست خودت نگه می داری.
Lato یه فونت بدون سریف با ظاهر نرم ولی جدیه. برای متن بدنه، منوها، دکمه ها، داشبوردها و صفحه های معرفی شرکت خوب جواب می ده. چند وزن مختلف و حالت ایتالیک داره، پس هم می تونی تیتر کلفت بسازی هم متن معمولی. مجوزش OFL هست، یعنی مجوز آزاد فونت ها، و میزبانی اون روی سایت خودت معمولا مشکلی نداره. ولی اگه قراره فایل رو توی محصول دیگه ای بسته بندی و پخش کنی، متن مجوز رو یه بار بخون.
یه نکته رو نباید فراموش کنی: Lato برای حروف لاتینه و حروف فارسی و عربی نداره. پس اگه سایتت فقط فارسیه و متنش با یه فونت فارسی نوشته می شه، این بسته چیزی بهت اضافه نمی کنه. جاهایی به درد می خوره که کنار متن فارسی، نام برند، متن انگلیسی، عدد لاتین، کد یا رابط دو زبانه داری و می خوای بخش لاتین هم ظاهر منسجمی داشته باشه. تو این حالت یه فونت فارسی جدا برای متن فارسی تعریف می کنی و Lato رو کنارش می ذاری.
موقع انتخاب و استفاده چند چیز رو در نظر بگیر. هر وزن و هر حالت یه فایل جدا حساب می شه، پس فقط وزن هایی رو وارد کن که واقعا توی طراحی استفاده می کنی؛ معمولی و بولد معمولا کافیه. اگه سایتت لاتین رو فقط در حد چند کلمه نشون می ده، وارد کردن همه وزن ها فقط حجم صفحه رو بالا می بره. کار با این بسته توی پروژه هایی که ابزار build دارن، مثل پروژه های جاوااسکریپتی، راحت تره. توی وردپرس هم می شه فایل های لازم رو داخل پوشه قالب گذاشت و CSS رو لود کرد. نسخه های رسمی و بدون تغییر این بسته توی مخزن داخلی ما هم در دسترسه، پس وقتی دسترسی به npm مشکل داره، می تونی از همین صفحه برداری.
کار ساده است. اگه پروژه ات ابزار build داره، بسته رو با npm نصب کن و فقط وزن هایی که لازم داری رو توی نقطه ورود پروژه import کن. اگه سایتت وردپرسی یا HTML ساده است، از کد آماده پایین همین صفحه استفاده کن و به صفحه اضافه اش کن.
اگه فونت اعمال نشد، اول مسیر فایل ها و کش مرورگر یا کش افزونه های سرعت رو بررسی کن.
یه بسته npm که فونت Lato رو همراه فایل های CSS لازمش بهت می ده تا از روی سرور خودت لودش کنی. به جای وابستگی به سرویس فونت بیرونی، فایل ها کنار سایت می مونن. برای سایت هایی که پایداری لود فونت براشون مهمه، به خصوص وقتی اینترنت بین الملل مشکل داره، کاربردیه.
نه. Lato برای حروف لاتینه و فارسی نداره. اگه متن سایتت فارسیه، باید یه فونت فارسی جدا برای اون استفاده کنی و Lato رو فقط برای بخش های انگلیسی، نام برند، عدد لاتین یا رابط دو زبانه کنارش بذاری. توی font-family هم فونت فارسی رو کنار Lato بذار تا مرورگر برای هر حرف فونت مناسبش رو پیدا کنه.
آره، ولی افزونه وردپرس نیست که از پیشخوان نصب بشه. فایل های فونت و CSS رو باید توی قالب یا قالب فرزند بذاری و با کد آماده پایین صفحه لودشون کنی. اگه قالبت ابزار build داره، import کردن مستقیم از بسته هم ممکنه.
چون وقتی فایل ها روی هاست خودته، لود فونت به دسترسی بین المللی وابسته نیست و رفتارش قابل پیش بینی تره. روی کش و وزن های لود شده هم کنترل بیشتری داری. فقط فایل اضافه وارد نکن تا صفحه سنگین نشه.
بسته به طراحی فرق می کنه، ولی برای بیشتر سایت ها وزن معمولی و بولد کافیه. هر وزن و هر حالت ایتالیک یه فایل جدا می شه، پس فقط چیزی رو اضافه کن که واقعا توی صفحه می بینی. اگه بعدا به وزن دیگه ای نیاز شد، همون موقع اضافه اش کن.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.