pretendard
v1.3.9
كوري | الإنجليزية | 日本語
Printendard هو خط طبيعي يوفر منتجات على platforms المتقاطعة وهو خط طبيعي في الطباعة متعددة اللغات. لا تحتاج التظاهر ، التي يتم قطعها على أساس Inter و Bono Dick و M Plus 1P ، إلى القيام بمهام إضافية لقابلية القراءة والتصحيح البصري في بيئة القراءة.
يتم توفير التظاهر في تسعة سمك ، ويتم دعم الخطوط المتغيرة أيضًا.
لمزيد من المعلومات حول الخلفية وميزات التظاهر ، وميزات Opentype ، يمكنك العثور عليها هنا.
النزول لاستخدام الطرفية المناسبة لبيئة محددة:
يمكنك استخدام التظاهر باستخدام CDN ، ويمكنك استخدام CDNJS و UNPKGs بالإضافة إلى JSDelivr ، والذي يوصى به افتراضيًا وموصى به افتراضيًا.
استخدم الكود أدناه لاستخدام Prinentard كخط ويب. اسم الطرف المستخدم هو Pretendard .
< link rel =" stylesheet " as =" style " crossorigin href =" https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css " /> < link rel =" stylesheet " as =" style " crossorigin href =" https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.min.css " /> < link rel =" stylesheet " as =" style " crossorigin href =" https://unpkg.com/[email protected]/dist/web/static/pretendard.css " /> @import url ( "https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" ); @import url ( "https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.min.css" ); @import url ( "https://unpkg.com/[email protected]/dist/web/static/pretendard.css" ); يوفر Prinentard مجموعات فرعية ديناميكية بنفس الطريقة التي توفر بها Hangul Fonts من Google Fonts كوسيلة لحل مشاكل خطوط الويب. لتنزيل الرسائل المضمنة بشكل انتقائي في الصفحة ، استخدم الكود أدناه لاستخدام Prinentard بشكل أسرع. اسم الطرف المستخدم هو Pretendard .
< link rel =" stylesheet " as =" style " crossorigin href =" https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-dynamic-subset.min.css " /> < link rel =" stylesheet " as =" style " crossorigin href =" https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard-dynamic-subset.min.css " /> < link rel =" stylesheet " as =" style " crossorigin href =" https://unpkg.com/[email protected]/dist/web/static/pretendard-dynamic-subset.css " /> @import url ( "https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-dynamic-subset.min.css" ); @import url ( "https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard-dynamic-subset.min.css" ); @import url ( "https://unpkg.com/[email protected]/dist/web/static/pretendard-dynamic-subset.css" ); يمكن استخدام مجموعات فرعية ديناميكية متغيرة كسممة متغيرة للوزن وبرنامج Preendard بسعة أقل بكثير من الفرعية الديناميكية التقليدية. استخدم الكود أدناه لاستخدام Prinentard بشكل أكثر مريحة في المتصفحات الحديثة. اسم الطرف هو "Pretendard Variable" .
< link rel =" stylesheet " as =" style " crossorigin href =" https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css " /> < link rel =" stylesheet " as =" style " crossorigin href =" https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/variable/pretendardvariable-dynamic-subset.min.css " /> < link rel =" stylesheet " as =" style " crossorigin href =" https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.css " /> @import url ( "https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css" ); @import url ( "https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/variable/pretendardvariable-dynamic-subset.min.css" ); @import url ( "https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.css" ); استخدم الكود أدناه لاستخدام سمة الوزن المتغير. اسم الطرف هو "Pretendard Variable" .
< link rel =" stylesheet " as =" style " crossorigin href =" https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css " /> < link rel =" stylesheet " as =" style " crossorigin href =" https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/variable/pretendardvariable.min.css " /> < link rel =" stylesheet " as =" style " crossorigin href =" https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable.css " /> @import url ( "https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css" ); @import url ( "https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/variable/pretendardvariable.min.css" ); @import url ( "https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable.css" );إذا كنت ترغب في مطابقة النظام قدر الإمكان ، فإننا نوصي بتكوين أسرة الخط أدناه.
font-family : -apple-system , BlinkMacSystemFont , "Apple SD Gothic Neo" , "Pretendard Variable" , Pretendard , Roboto , "Noto Sans KR" , "Segoe UI" , "Malgun Gothic" , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , sans-serif;إذا كنت ترغب في الحصول على نفس البيئة في أي مكان ، فإننا نوصي بتكوين أسرة الخط التالي.
font-family : "Pretendard Variable" , Pretendard , -apple-system , BlinkMacSystemFont , system-ui , Roboto , "Helvetica Neue" , "Segoe UI" , "Apple SD Gothic Neo" , "Noto Sans KR" , "Malgun Gothic" , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , sans-serif;Prinentard متاح في مدير الحزمة التالي.
npm i pretendardyarn add pretendardيتم تثبيت Prinentard على الجهاز ويمكن استخدامه كخط نظام.
brew tap homebrew/cask-fonts
brew install font-pretendard # configuration.nix
{
fonts . packages = with pkgs ; [
pretendard
] ;
}yay -S otf-pretendard
yay -S ttf-pretendardيمكنك استخدام التظاهر باستخدام الخطوط المحلية في Next.js.
import localFont from 'next/font/local'
const pretendard = localFont ( {
src : './fonts/PretendardVariable.woff2' ,
display : 'swap' ,
weight : '45 920' ,
} ) إذا لم تحدد خيارات weight ، فاحرص لأن السماكة قد تكون خاطئة في المتصفح القائم على الويب.
إنتر: راسموس أندرسون
المصدر هان سانس: Adobe ، Google ، Sandol Communication ؛ Jang Soo -Young ، Kang Joo -Yeon
M Plus 1p: Underforest Design ؛ كوجي موريشيتا
جيل هيونغجين
يتم توزيع Prinentard لإسكات الخطوط المفتوحة. جميع السلوكيات التجارية والتعديلات وإعادة التوزيع ممكنة باستثناء مبيعات الخطوط.
شكرًا جزيلاً على دعم مشروع Prinentard لمواصلة جعله بسلاسة.
شكرا جزيلا لك على المساهمة في التظاهر.
Hiddenest: لقد عملنا على خدمة Web Font و CDN Automation و SubSex و Dynamic Subse ، وأتمتة مجموعة فرعية ديناميكية متغيرة.
@leejh10003: لقد قدمت مثالاً على استخدام Prinentard.
@Black7375: AllFont Build Automation و Publish and Record Automation على NPMJS والغزل وعناوين URL CDN وتحسين الطنانة والاستجابة المونوروبو وتحسين الأداء ووثائق GOV CDN Preendard.
Victorrica: لقد عملت على توزيع حزم NPM والغزل.
@kms0219kms: جميع الإرسال التعدد لتوزيع CDN على الويب ، وتحسين تطوير المستندات ، والوثائق الإنجليزية واليابانية.
gamssake: لقد قمت بتحسين أتمتة البناء.
Quiple: لقد قمت بتحسين ترجمة README اليابانية.
@sudosubin: تمت إضافة خطوط Cask-Cask و Nix.
آراء التحسين الجديدة هي دائما موضع ترحيب. إذا كنت بحاجة إلى حل ، فيرجى تسجيل المشكلة في القضايا.
