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

کتابخانه

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

@fontsource-variable/noto-sans-tc نسخه variable فونت Noto Sans TC گوگل رو به شکل بسته npm ارائه می ده. فایل های فونت توی پروژه خودت می شینن و از هاست خودت لود می شن. برای سایت هایی که متن چینی سنتی دارن و نمی خوان به سرویس خارجی وابسته باشن مناسبه.

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

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

آخرین نسخه

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

۴٫۴ مگابایت · ۱۱۴ فایل · انتشار

دانلود(پنجره تازه)
نشانی مستقیم فایل اصلی https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.3.1/wght.css

دانلود هفتگی جهانی

۶۶٫۲ هزار

هفته ۲۵ مهر تا ۱ آبان۲٫۵٪ کمتر از هفته قبل

دانلود هفتگی جهانی در ۱۲ هفته اخیر، از ۱۰ مرداد تا ۱ آبان؛ هفته آخر ۶۶٬۲۱۲ دانلود؛ ۲٫۵٪ کمتر از هفته قبل. منبع: npm.

منبع: npmبه‌روزرسانی آمار

کد آماده با SRI <link rel="stylesheet" href="https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.3.1/wght.css" integrity="sha256-AIVeU5JfVv7hnGoP5S9f2VRm7RDSNlNCIF/0nHPRnGU=" crossorigin="anonymous">

SHA-256: 00855e53925f56fee19c6a0fe52f5fd95466ed10d2365342205ff49c73d19c65

درباره @fontsource-variable/noto-sans-tc (نوتو سنس تی سی)

@fontsource-variable/noto-sans-tc نسخه variable فونت Noto Sans TC رو به شکل یه بسته npm در اختیارت می ذاره. Noto Sans TC فونت بدون سریف گوگل برای چینی سنتی (Traditional Chinese) است و این بسته فونت رو طوری بسته بندی کرده که بتونی خودت میزبانی کنی. خود فونت با مجوز متن باز OFL منتشر شده.

مشکلی که حل می کنه روشنه. خیلی ها فونت رو مستقیم از Google Fonts لود می کنن، یعنی سایتشون برای نمایش درست متن به یه سرویس بیرونی وابسته می شه. توی شرایط ایران، مخصوصا روزهایی که اینترنت بین الملل محدود می شه، این وابستگی می تونه صفحه رو کند کنه یا کلا فونت رو نیاره. با self-host فایل ها از همون هاست یا دامنه خودت سرو می شن و دیگه به دسترسی بیرونی گیر نمی دی.

نسخه variable یعنی به جای یه فایل جدا برای هر وزن (نازک، معمولی، ضخیم و...) یه فایل داری که محور وزن داره، و هر وزنی بینشون رو بدون دانلود اضافه می تونی استفاده کنی. فونت چینی چون هزاران حرف داره ذاتا سنگینه. بسته های Fontsource معمولا فونت رو بر اساس unicode-range تکه تکه می کنن تا مرورگر فقط تکه هایی رو بگیره که توی صفحه لازمه. جزئیاتش رو توی مستندات بسته چک کن.

کجا به کار می آد؟ اگه سایتت چندزبانه باشه و بخش چینی سنتی داشته باشه، مثلا فروشگاه یا شرکت واردات و صادرات با مشتری تایوانی یا هنگ کنگی، یا سایت آموزش زبان چینی، این بسته انتخاب خوبیه. ولی دو چیز رو یادت نره. اول اینکه این فونت حروف فارسی رو نداره. برای متن فارسی یه فونت فارسی جدا لازم داری و این فونت رو فقط کنارش توی font-family می ذاری. دوم اینکه برای چینی ساده یا ژاپنی و کره ای معمولا باید سراغ نسخه های دیگه همین خانواده بری، نه این یکی.

موقع استفاده فقط همون چیزی رو import کن که لازم داری و برای fallback هم یه فونت بذار. مجوز OFL معمولا استفاده توی پروژه های تجاری و وب رو راحت می ذاره، ولی یه بار متنش رو بخون. نسخه رسمی و بدون تغییر این بسته توی مخزن داخلی ما هم هست، برای وقتی که دسترسی به npm مشکل داره.

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

اگه پروژه ات با ابزار ساخت مثل Vite یا webpack بالا می آد، کار کوتاهیه:

  • بسته رو با npm نصب کن.
  • توی فایل ورودی جاوااسکریپت یا CSS پروژه، بسته رو import کن. کد آماده پایین همین صفحه هست.
  • توی CSS برای المان مورد نظرت یا کل بدنه، font-family بنویس. اسم family توی این بسته ها معمولا همون اسم فونت با پسوند Variable است، ولی از مستندات بسته مطمئن شو.
  • بعد از فونت چینی، فونت فارسی خودت و آخرش sans-serif رو بذار تا هر متنی فونت مناسب خودش رو بگیره.

اگه سایتت وردپرسیه و ابزار ساخت نداری:

  • فایل های فونت و CSS بسته رو روی هاست خودت آپلود کن، مثلا توی پوشه قالب یا قالب فرزند.
  • فایل CSS رو با کد آماده پایین صفحه توی قالب لود کن.
  • مسیر فایل های فونت توی CSS رو با ساختار پوشه هات تطبیق بده. مسیر اشتباه رایج ترین دلیل نیومدن فونته.

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

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

نسخه‌های ۵.x ۱۵ نسخه
  • ۵.۳.۱ آخرین نسخه ۴٫۴ مگابایت ·
    دانلودنسخه 5.3.1(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.3.1 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.3.1/wght.css
  • ۵.۳.۰ ۴٫۳ مگابایت ·
    دانلودنسخه 5.3.0(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.3.0 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.3.0/wght.css
  • ۵.۲.۱۰ ۴٫۳ مگابایت ·
    دانلودنسخه 5.2.10(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.2.10 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.2.10/wght.css
  • ۵.۲.۹ ۴٫۳ مگابایت ·
    دانلودنسخه 5.2.9(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.2.9 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.2.9/wght.css
  • ۵.۲.۸ ۱۴۲ کیلوبایت ·
    دانلودنسخه 5.2.8(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.2.8 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.2.8/wght.css
  • ۵.۲.۷ ۶۲ کیلوبایت ·
    دانلودنسخه 5.2.7(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.2.7 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.2.7/wght.css
  • ۵.۲.۶ ۴٫۳ مگابایت ·
    دانلودنسخه 5.2.6(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.2.6 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.2.6/wght.css
  • ۵.۲.۵ ۴٫۳ مگابایت ·
    دانلودنسخه 5.2.5(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.2.5 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.2.5/wght.css
  • ۵.۲.۴ ۴٫۳ مگابایت ·
    دانلودنسخه 5.2.4(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.2.4 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.2.4/wght.css
  • ۵.۲.۰ ۴٫۳ مگابایت ·
    دانلودنسخه 5.2.0(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.2.0 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.2.0/wght.css
  • ۵.۱.۱ ۴٫۳ مگابایت ·
    دانلودنسخه 5.1.1(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.1.1 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.1.1/wght.css
  • ۵.۱.۰ ۴٫۳ مگابایت ·
    دانلودنسخه 5.1.0(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.1.0 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.1.0/wght.css
  • ۵.۰.۷ ۴٫۳ مگابایت ·
    دانلودنسخه 5.0.7(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.0.7 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.0.7/wght.css
  • ۵.۰.۶ ۴٫۳ مگابایت ·
    دانلودنسخه 5.0.6(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.0.6 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.0.6/wght.css
  • ۵.۰.۵ قدیمی‌ترین نسخه ۴٫۳ مگابایت ·
    دانلودنسخه 5.0.5(پنجره تازه)
    نشانی مستقیم فایل اصلی 5.0.5 https://mirror.wbweb.ir/npm/@fontsource-variable/noto-sans-tc@5.0.5/wght.css

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

  • نه. Noto Sans TC برای چینی سنتی ساخته شده و حروف فارسی رو پوشش نمی ده. اگه سایتت فارسیه، یه فونت فارسی جدا انتخاب کن و این فونت رو فقط برای بخش های چینی کنارش توی font-family بذار. اگه اصلا متن چینی نداری، این بسته به کارت نمی آد.

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

  • اگه قالبت با npm ساخته می شه، بسته رو import کن. اگه نه، فایل های فونت و CSS رو روی هاست آپلود کن و با کد آماده همین صفحه توی قالب یا قالب فرزند لود کن. بعدش با CSS سفارشی یا تنظیمات قالب، font-family رو به المان های دلخواهت بده.

  • آره، چون فونت از هاست خودت سرو می شه و به Google Fonts نیازی نداره. فقط باید فایل ها رو یه بار روی سرور بذاری و بعدش لود فونت به اینترنت بین الملل ربطی نداره. اگه به npm هم دسترسی نداشتی، نسخه رسمی رو از مخزن داخلی ما بردار.

  • این بسته برای چینی سنتی ساخته شده، پس نباید فرض کنی همه حروف چینی ساده رو هم داره. برای چینی ساده معمولا باید نسخه SC همین خانواده فونت رو بگیری. قبل از انتشار سایت هم یه متن نمونه رو تست کن و ببین حرفی با فونت دیگه یا خالی نمایش داده نمی شه.

  • @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 هست که علائم نگارشی ژاپنی مثل نقطه، ویرگول و کروشه رو توی صفحه های وب بهتر نشون می ده. اگه سایتت متن ژاپنی داره و فاصله های اضافی دور این علائم اذیتت می کنه، به کارت می یاد.

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

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

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