پرش به محتوا

کتابخانه

دانلود pretendard و نشانی CDN ایرانی

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

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

آخرین نسخه
۱.۳.۹
نسخه‌ها در مخزن
۱
مجوز
OFL-1.1
سازنده
Kil Hyung-jin
آخرین بررسی
آخرین به‌روزرسانی
توضیحات

آخرین نسخه

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

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

دانلود
نشانی مستقیم فایل اصلی https://mirror.wbweb.ir/npm/pretendard@1.3.9/subset.js
کد آماده با SRI <script src="https://mirror.wbweb.ir/npm/pretendard@1.3.9/subset.js" integrity="sha256-In/52Pqwn/uwxnNejjxgKbpnVnlOkMu6khlYFAmg/Bk=" crossorigin="anonymous"></script>

SHA-256: 227ff9d8fab09ffbb0c6735e8e3c6029ba6756794e90cbba9219581409a0fc19

درباره pretendard (پرتندارد)

Pretendard یه فونت بدون سریف برای وب و اپلیکیشنه که قرار بوده جای فونت پیش فرض سیستم بشینه. ایده اش اینه که متن روی ویندوز، مک، اندروید و iOS تقریباً یه شکل دیده بشه و هر سیستم یه فونت متفاوت نشون نده. ظاهر لاتینش به فونت های مدرن رابط کاربری مثل Inter خیلی نزدیکه و کنارش مجموعه کامل حروف کره ای رو هم داره. سازنده اش Kil Hyung-jin هست و مجوزش OFL هست، یعنی برای پروژه شخصی و تجاری آزاده.

یه نکته رو همین اول بگم تا وقتت هدر نره: Pretendard حروف فارسی و عربی نداره. اگه سایتت فقط فارسیه، نصبش ظاهر متن فارسی رو عوض نمی کنه، چون مرورگر برای فارسی می ره سراغ فونت بعدی توی لیست. پس جای فونت اصلی فارسی رو نمی گیره. اما اگه توی صفحه متن لاتین یا کره ای داری، به کارت میاد. مثلاً سایتی با محتوای کره ای، فروشگاه واردات محصولات کره ای، سایت آموزش زبان کره ای، یا پنل مدیریتی که اسم برند و عددها و کدها توش انگلیسی نمایش داده می شه.

موقع انتخاب چند چیز رو در نظر بگیر. مجموعه حروف کره ای خیلی بزرگه و اگه همه فایل ها رو بارگذاری کنی، صفحه سنگین می شه. بسته npm چند حالت CSS داره، از نسخه استاتیک و متغیر تا زیرمجموعه پویا (dynamic subset). اگه محتوای کره ای واقعی نداری، حالت سبک تر یا زیرمجموعه ای معمولاً کافیه. یه نکته مخصوص شرایط خودمون هم هست: فونت رو روی هاست خودت نگه دار و به CDN خارجی وصل نشو. وقتی اینترنت بین الملل محدوده و CDN لود نمی شه، کاربر چند ثانیه با فونت خالی یا پرش متن روبه رو می شه.

توی سایت دو زبانه ترتیب فونت ها توی font-family مهمه. Pretendard رو اول بذار تا حروف لاتین و کره ای با اون رندر بشن. بعدش فونت فارسی مورد علاقه ات رو بذار تا حروف فارسی از اون بیاد و آخرش یه فونت عمومی سیستم. با این ترتیب هر کاراکتر از اولین فونتی که پشتیبانی کنه نمایش داده می شه و لازم نیست برای هر زبان جدا کلاس بنویسی.

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

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

برای استفاده از Pretendard لازم نیست پروژه ات رو با npm بسازی. اگه سایتت وردپرسی یا یه سایت ساده ست، همین مراحل کافیه:

  • بسته رو از همین صفحه دانلود کن و پوشه فونت ها و فایل CSS رو با همون ساختار اصلی روی هاستت آپلود کن. اگه مسیر فایل ها رو جابه جا کنی، CSS دیگه فونت ها رو پیدا نمی کنه.
  • کد آماده پایین همین صفحه رو توی بخش head صفحه یا قالبت بذار. توی وردپرس بهتره این کار رو توی قالب فرزند یا با یه افزونه افزودن کد به head انجام بدی تا با به روزرسانی قالب پاک نشه.
  • توی CSS برای font-family اول Pretendard رو بنویس، بعدش فونت فارسی سایتت و آخرش فونت های عمومی سیستم.
  • اگه محتوای کره ای نداری، از حالت سبک تر یا زیرمجموعه ای بسته استفاده کن تا حجم بارگذاری بالا نره.
  • کش مرورگر رو پاک کن و صفحه رو دوباره باز کن. بعد توی ابزار توسعه دهنده مرورگر، تب Network رو نگاه کن و مطمئن شو فایل های فونت از هاست خودت لود می شن، نه از یه آدرس بیرونی.

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

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

نسخه‌های ۱.x ۱ نسخه
  • ۱.۳.۹ آخرین نسخه ۹۳٫۱ مگابایت·
    دانلودنسخه 1.3.9
    نشانی مستقیم فایل اصلی 1.3.9 https://mirror.wbweb.ir/npm/pretendard@1.3.9/subset.js

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

  • Pretendard یه خانواده فونت متن باز بدون سریفه برای وب و اپلیکیشن که حروف لاتین و کره ای رو پوشش می ده. برای این ساخته شده که متن رابط کاربری روی سیستم عامل های مختلف یکدست دیده بشه. توی سایت دو زبانه، پنل مدیریتی و صفحه هایی با محتوای کره ای به کار میاد.

  • نه، حروف فارسی و عربی توش نیست. اگه فقط به خاطر متن فارسی نصبش کنی تغییری نمی بینی، چون مرورگر برای فارسی از فونت بعدی لیست استفاده می کنه. بهترین کار اینه که Pretendard رو برای لاتین و کره ای بذاری و کنارش یه فونت فارسی مناسب هم معرفی کنی.

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

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

  • اگه همه وزن ها و کل حروف کره ای رو لود کنی، چرا، سنگین می شه. برای همین بسته چند حالت داره، از جمله زیرمجموعه پویا. اگه محتوای کره ای نداری، فقط وزن هایی که واقعاً استفاده می کنی رو بذار و سراغ حالت سبک تر برو.

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

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