پرش به محتوا
۰۲۱۷۱۰۵۷۵۸۵ ۹ صبح تا ۱۰ شب
ورودثبت‌نام

کتابخانه

دانلود @fontsource/noto-sans-jp و نشانی CDN ایرانی

@fontsource/noto-sans-jp یه بسته npm برای میزبانی فونت Noto Sans JP گوگله روی سرور خودت. به جای گرفتن فونت از یه سرویس بیرونی، فایل های فونت رو کنار پروژه نگه می داری و با import یا CSS به صفحه وصلشون می کنی. برای سایت هایی که متن ژاپنی نشون می دن به کار میاد.

نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز OFL-1.1؛ هش هر فایل با منبع بررسی شده است.

آخرین نسخه
۵.۳.۱
نسخه‌ها در مخزن
۱۶
مجوز
OFL-1.1
سازنده
Google Inc.
آخرین بررسی
آخرین به‌روزرسانی
توضیحات

آخرین نسخه

آخرین نسخه ۵.۳.۱ آخرین

۸۰٫۱ مگابایت· ۲۳۱۴ فایل· انتشار

دانلود
نشانی مستقیم فایل اصلی https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.3.1/100.css
کد آماده با SRI <link rel="stylesheet" href="https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.3.1/100.css" integrity="sha256-/6N2TDc2DmkxPkyEHAPZJ8RW/YlACN1fK2/d5mESFCg=" crossorigin="anonymous">

SHA-256: ffa3764c37360e69313e4c841c03d927c456fd894008dd5f2b6fdde661121428

درباره @fontsource/noto-sans-jp (نوتو سانس جی پی)

Noto Sans JP یه فونت سن سریف از گوگله که برای نوشتن ژاپنی ساخته شده، و @fontsource/noto-sans-jp همین فونته که توی یه بسته npm مرتب جمع شده. ایده اش ساده است: به جای اینکه مرورگر بازدیدکننده فونت رو از سرور گوگل بگیره، فایل ها از خود سایت تو سرو می شن. مجوزش OFL از نوع متن بازه و استفاده توی پروژه های شخصی و تجاری رو اجازه می ده، ولی بهتره یه بار متن کامل مجوز رو هم بخونی.

چرا برای سایت های ایرانی مهمه؟ چون وقتی نمایش درست صفحه به یه دامنه خارجی بستگی داشته باشه، با کندی یا قطعی ارتباط بین المللی فونت دیر میاد یا اصلا نمیاد. نتیجه اش اینه که کاربر متن رو با فونت پیش فرض می بینه یا چند ثانیه منتظر می مونه. اگه فونت روی هاست خودت باشه، یه وابستگی بیرونی کمتر داری.

مناسب کیه؟ هر سایتی که واقعا متن ژاپنی نشون می ده: سایت آموزش زبان ژاپنی، فروشگاهی که محصول ژاپنی معرفی می کنه، وبلاگ انیمه و مانگا، یا مستندات محصولی که رابط ژاپنی داره. جایی که مناسب نیست متن فارسیه. این فونت برای ژاپنی و حروف لاتین طراحی شده و حروف فارسی توش نیست. پس برای فارسی هنوز یه فونت فارسی جدا لازم داری و Noto Sans JP رو فقط برای بخش ژاپنی صفحه می ذاری.

موقع انتخاب یه نکته رو حتما حواست باشه. فونت ژاپنی هزاران نویسه داره و فایل کاملش سنگینه. بسته های Fontsource برای فونت های این مدلی معمولا فایل ها رو به تکه های کوچک تقسیم می کنن تا مرورگر فقط تکه های لازم برای همون صفحه رو بگیره. با این حال هر وزن اضافه یعنی فایل های بیشتر، پس فقط وزن هایی رو بیار که واقعا استفاده می کنی؛ معمولا معمولی و پررنگ کافیه. اگه نسخه متغیر (variable) می خوای، معمولا بسته جداگانه ای براش هست و باید اون رو جدا بررسی کنی.

نسخه های رسمی و بدون تغییر این بسته توی مخزن داخلی ما هم در دسترسه. یعنی حتی وقتی دسترسی به npm یا منبع اصلی مشکل داره، می تونی همین فایل ها رو از همین صفحه برداری و روی پروژه یا هاستت بذاری.

راهنمای استفاده

کارهای کلی برای استفاده از این بسته این قدم هاست:

  • اگه پروژه ات با npm یا yarn ساخته می شه، بسته رو به پروژه اضافه کن. اگه بیلد نداری و یه سایت ساده یا وردپرسی داری، فایل ها رو از همین صفحه بگیر و توی پوشه قالب یا سایتت بذار.
  • کد آماده پایین همین صفحه رو توی فایل اصلی جاوااسکریپت یا CSS پروژه اضافه کن. با این کار تعریف @font-face برای فونت لود می شه.
  • اگه چند وزن لازم داری، فقط همون وزن ها رو جدا import کن. لازم نیست همه رو بیاری.
  • توی CSS، فونت رو با font-family به عنصرهای مورد نظرت بده و یه فونت جایگزین هم کنارش بذار. فونت فارسی سایتت رو هم توی همون فهرست بذار تا متن فارسی و ژاپنی هر کدوم فونت درست خودشون رو بگیرن.
  • توی وردپرس، فایل های CSS و فونت رو توی قالب فرزند بذار تا با به روزرسانی قالب پاک نشن، و فایل CSS رو با wp_enqueue_style به سایت اضافه کن.

آخرش یه صفحه با متن ژاپنی باز کن و توی تب Network مرورگر ببین فونت از دامنه خودت لود می شه، نه از جای دیگه. اگه فایل ها 404 دادن، اول مسیر فایل ها توی CSS رو چک کن.

همه نسخه‌ها (۱۶)

نسخه‌های ۵.x ۱۵ نسخه
  • ۵.۳.۱ آخرین نسخه ۸۰٫۱ مگابایت·
    دانلودنسخه 5.3.1
    نشانی مستقیم فایل اصلی 5.3.1 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.3.1/100.css
  • ۵.۳.۰ ۷۶٫۶ مگابایت·
    دانلودنسخه 5.3.0
    نشانی مستقیم فایل اصلی 5.3.0 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.3.0/100.css
  • ۵.۲.۹ ۷۷٫۲ مگابایت·
    دانلودنسخه 5.2.9
    نشانی مستقیم فایل اصلی 5.2.9 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.2.9/100.css
  • ۵.۲.۸ ۷۴٫۷ مگابایت·
    دانلودنسخه 5.2.8
    نشانی مستقیم فایل اصلی 5.2.8 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.2.8/100.css
  • ۵.۲.۷ ۲۰٫۱ مگابایت·
    دانلودنسخه 5.2.7
    نشانی مستقیم فایل اصلی 5.2.7 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.2.7/100.css
  • ۵.۲.۶ ۷۴٫۷ مگابایت·
    دانلودنسخه 5.2.6
    نشانی مستقیم فایل اصلی 5.2.6 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.2.6/100.css
  • ۵.۲.۵ ۸۲٫۶ مگابایت·
    دانلودنسخه 5.2.5
    نشانی مستقیم فایل اصلی 5.2.5 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.2.5/100.css
  • ۵.۲.۴ ۸۲٫۶ مگابایت·
    دانلودنسخه 5.2.4
    نشانی مستقیم فایل اصلی 5.2.4 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.2.4/100.css
  • ۵.۲.۱ ۸۲٫۶ مگابایت·
    دانلودنسخه 5.2.1
    نشانی مستقیم فایل اصلی 5.2.1 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.2.1/100.css
  • ۵.۲.۰ ۸۲٫۶ مگابایت·
    دانلودنسخه 5.2.0
    نشانی مستقیم فایل اصلی 5.2.0 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.2.0/100.css
  • ۵.۱.۱ ۸۲٫۶ مگابایت·
    دانلودنسخه 5.1.1
    نشانی مستقیم فایل اصلی 5.1.1 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.1.1/100.css
  • ۵.۱.۰ ۸۲٫۶ مگابایت·
    دانلودنسخه 5.1.0
    نشانی مستقیم فایل اصلی 5.1.0 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.1.0/100.css
  • ۵.۰.۲۰ ۸۲٫۶ مگابایت·
    دانلودنسخه 5.0.20
    نشانی مستقیم فایل اصلی 5.0.20 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.0.20/100.css
  • ۵.۰.۱۹ ۸۲٫۳ مگابایت·
    دانلودنسخه 5.0.19
    نشانی مستقیم فایل اصلی 5.0.19 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.0.19/100.css
  • ۵.۰.۱۸ ۸۲٫۳ مگابایت·
    دانلودنسخه 5.0.18
    نشانی مستقیم فایل اصلی 5.0.18 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@5.0.18/100.css
نسخه‌های ۴.x ۱ نسخه
  • ۴.۵.۱۱ قدیمی‌ترین نسخه ۶۶٫۹ مگابایت·
    دانلودنسخه 4.5.11
    نشانی مستقیم فایل اصلی 4.5.11 https://mirror.wbweb.ir/npm/@fontsource/noto-sans-jp@4.5.11/100.css

پرسش‌های رایج

  • نه. این فونت برای نوشتن ژاپنی ساخته شده و حروف لاتین هم داره، ولی حروف فارسی و عربی توش نیست. اگه سایتت فارسیه و فقط چند جمله ژاپنی توش هست، فونت فارسی رو برای متن اصلی نگه دار و این فونت رو فقط برای بخش ژاپنی استفاده کن.

  • فونت همونه، ولی محل سرو شدنش فرق می کنه. با Google Fonts مرورگر فونت رو از سرور گوگل می گیره. با این بسته فایل ها روی پروژه یا هاست خودت هستن. نتیجه اش وابستگی کمتر به ارتباط بین المللی و کنترل بیشتر روی لود فونته.

  • آره، npm لازم نیست. فایل ها رو از همین صفحه بگیر و توی پوشه قالب فرزند بذار. بعد CSS فونت رو با wp_enqueue_style یا یه تگ link توی هدر اضافه کن. فقط حواست باشه مسیر فایل های فونت توی CSS درست باشه.

  • فونت های ژاپنی نویسه های خیلی زیادی دارن. بسته های Fontsource معمولا اون ها رو به تکه های کوچک تقسیم می کنن و مرورگر فقط تکه هایی رو می گیره که متن صفحه لازم داره. این طوری به جای یه فایل خیلی بزرگ، حجم دانلود کم تر می شه.

  • مجوز این فونت OFL و متن بازه و به طور کلی استفاده توی پروژه های تجاری رو اجازه می ده. شرطش رعایت مجوزه، مثلا وقتی فونت رو تغییر می دی یا توزیع می کنی. برای اطمینان، متن کامل مجوز رو قبل از استفاده بخون.

  • @fontsource/roboto

    فونت روبوتو ·فونت

    @fontsource/roboto یه بسته npm برای میزبانی خودت از فونت Roboto گوگله. به جای لود کردن فونت از سرویس های خارجی، فایل های فونت رو کنار پروژه و روی هاست خودت نگه می داری. اگه سایتت متن لاتین داره و نمی خوای به اینترنت بین الملل وابسته باشه، انتخاب خوبیه.

    آخرین نسخه
    ۵.۳.۰
    نسخه‌ها
    ۱۶
    به‌روزرسانی

  • @fontsource/open-sans

    اوپن سنس ·فونت

    @fontsource/open-sans یه بسته npm برای میزبانی خودت از فونت Open Sans است. به جای لود کردن فونت از یه سرویس خارجی، فایل های فونت رو از همین بسته برمی داری و کنار پروژه یا روی هاست خودت سرو می کنی. برای سایت هایی که نمی خوان به اینترنت بین الملل وابسته باشن، گزینه خوبیه.

    آخرین نسخه
    ۵.۳.۰
    نسخه‌ها
    ۲۰
    به‌روزرسانی

  • @fontsource/poppins

    فونت پاپینز ·فونت

    @fontsource/poppins یه بسته npm برای میزبانی خود فونت Poppins روی سایت خودته. به جای گرفتن فونت از سرویس های خارجی، فایل های فونت رو کنار پروژه نگه می داری و فقط وزن ها و زیرمجموعه های لازم رو لود می کنی. برای سایت ها و پنل هایی که ظاهر لاتین مدرن می خوان مناسبه.

    آخرین نسخه
    ۵.۳.۰
    نسخه‌ها
    ۱۴
    به‌روزرسانی

  • @fontsource-variable/roboto

    روبوتو ·فونت

    @fontsource-variable/roboto یه بسته npm برای میزبانی خود فونت Roboto روی سرور خودته، به شکل فونت متغیر. به جای گرفتن فونت از سرویس های خارجی مثل Google Fonts، فایل ها رو کنار پروژه نگه می داری و با یه import ساده به صفحه وصلشون می کنی. برای متن لاتین مناسبه، ولی حروف فارسی نداره.

    آخرین نسخه
    ۵.۳.۰
    نسخه‌ها
    ۹
    به‌روزرسانی

  • pretendard

    پرتندارد ·فونت

    Pretendard یه خانواده فونت متن باز بدون سریفه که Kil Hyung-jin ساخته و مجوزش OFL هست. حروف لاتین و کره ای رو پوشش می ده تا متن سایت و اپلیکیشن روی همه سیستم عامل ها یکدست دیده بشه. با چند خط CSS به صفحه اضافه می شه و به شکل بسته npm هم عرضه شده. حروف فارسی نداره.

    آخرین نسخه
    ۱.۳.۹
    نسخه‌ها
    ۱
    به‌روزرسانی

  • yakuhanjp

    یاکوهان جی پی ·فونت

    yakuhanjp یه بسته npm از مجموعه فونت های Yakumono-Hankaku ساخته Qrac هست که علائم نگارشی ژاپنی مثل نقطه، ویرگول و کروشه رو توی صفحه های وب بهتر نشون می ده. اگه سایتت متن ژاپنی داره و فاصله های اضافی دور این علائم اذیتت می کنه، به کارت می یاد.

    آخرین نسخه
    ۵.۰.۰
    نسخه‌ها
    ۱۱
    به‌روزرسانی

چیزی که لازم دارید اینجا نیست؟

نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.