pretendard
v1.3.9
เกาหลี ภาษาอังกฤษ | 日本語
Pretendard เป็นแบบอักษรธรรมชาติที่ให้ผลิตภัณฑ์บน cross -platforms และเป็นแบบอักษรธรรมชาติในการพิมพ์หลายภาษา Pretendards ซึ่งถูกตัดแต่งตาม Inter, Bono Dick และ M Plus 1p ไม่จำเป็นต้องทำงานเพิ่มเติมสำหรับการอ่านและการแก้ไขด้วยภาพในสภาพแวดล้อมการอ่าน
Pretendard มีให้ในเก้าความหนาและแบบอักษรตัวแปรยังได้รับการสนับสนุน
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับพื้นหลังและคุณสมบัติของคุณสมบัติ Pretendard และคุณสมบัติ Opentype คุณสามารถค้นหาได้ที่นี่
ลงไปใช้ preendard ที่เหมาะสำหรับสภาพแวดล้อมที่เฉพาะเจาะจง:
คุณสามารถใช้ Pretendard โดยใช้ CDN และคุณสามารถใช้ CDNJs และ UNPKGs นอกเหนือจาก JSDELIVR ซึ่งแนะนำโดยค่าเริ่มต้นและแนะนำโดยค่าเริ่มต้น
ใช้รหัสด้านล่างเพื่อใช้ Pretendard เป็นตัวอักษรเว็บ ชื่อฟอนต์-ครอบครัวที่ใช้คือ 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" ); Pretendard จัดเตรียมชุดย่อยแบบไดนามิกในลักษณะเดียวกับแบบอักษร Hangul ที่จัดทำโดย Google Fonts เป็นวิธีในการแก้ปัญหาแบบอักษรเว็บ ในการเลือกดาวน์โหลดตัวอักษรที่รวมอยู่ในหน้าให้ใช้รหัสด้านล่างเพื่อใช้ pretendard เร็วขึ้น ชื่อฟอนต์-ครอบครัวที่ใช้คือ 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 ที่มีความจุน้อยกว่าแบบไดนามิกแบบไดนามิกทั่วไปอย่างมีนัยสำคัญ ใช้รหัสด้านล่างเพื่อใช้ Pretendard อย่างสะดวกสบายในเบราว์เซอร์ที่ทันสมัย ชื่อ Font-Family คือ "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" ); ใช้รหัสด้านล่างเพื่อใช้แอตทริบิวต์น้ำหนักตัวแปร ชื่อ Font-Family คือ "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;Pretendard มีอยู่ในแพ็คเกจผู้จัดการต่อไปนี้
npm i pretendardyarn add pretendardPretendard ติดตั้งบนอุปกรณ์และสามารถใช้เป็นตัวอักษรระบบ
brew tap homebrew/cask-fonts
brew install font-pretendard # configuration.nix
{
fonts . packages = with pkgs ; [
pretendard
] ;
}yay -S otf-pretendard
yay -S ttf-pretendardคุณสามารถใช้ pretendard โดยใช้แบบอักษรท้องถิ่นใน Next.js
import localFont from 'next/font/local'
const pretendard = localFont ( {
src : './fonts/PretendardVariable.woff2' ,
display : 'swap' ,
weight : '45 920' ,
} ) หากคุณไม่ได้ระบุตัวเลือก weight ให้ระวังเพราะความหนาอาจผิดในเบราว์เซอร์ที่ใช้ WebKit
Inter: Rasmus Andersson
แหล่งที่มา Haan Sans: Adobe, Google, การสื่อสาร Sandol; จางซู -young, Kang Joo -yeon
M Plus 1P: การออกแบบ Underest; Coji Morishita
กิลฮยองจิน
Pretendard ถูกแจกจ่ายให้กับใบอนุญาต FONT แบบเปิด SIL พฤติกรรมการค้าการดัดแปลงและการแจกจ่ายซ้ำทั้งหมดเป็นไปได้ยกเว้นการขายแบบอักษร
ขอบคุณมากสำหรับการสนับสนุนโครงการ Pretendard เพื่อดำเนินการต่อไปอย่างราบรื่น
ขอบคุณมากที่มีส่วนร่วมในการเสแสร้ง
@Hiddenest: เราได้ทำงานเกี่ยวกับการให้บริการแบบอักษรเว็บและการอัปเดตระบบอัตโนมัติ CDN, Subsex และชุดย่อยแบบไดนามิกและระบบอัตโนมัติแบบไดนามิกแบบไดนามิก
@LeeJH10003: คุณทำตัวอย่างของการใช้ Pretendard
@black7375: Webfont Build Automation, เผยแพร่และปล่อยไฟล์อัตโนมัติการสร้างไฟล์อัตโนมัติบน NPMJs และเส้นด้าย, URL CDN, การปรับปรุงการส่งเสียงพึมพำ, การตอบสนองโมโนโพร
@Victorrica: คุณได้ทำงานเกี่ยวกับการกระจายของแพ็คเกจ NPM และเส้นด้าย
@KMS0219kms: Web Font Distribution Multiplexing ทั้งหมดการปรับปรุงการพัฒนาเอกสารและเอกสารภาษาอังกฤษและภาษาญี่ปุ่น
@gamssake: คุณได้ปรับปรุงการสร้างอัตโนมัติ
@quiple: คุณได้ปรับปรุงการแปลของ readme ญี่ปุ่นแล้ว
@Sudosubin: Homebrew-Cask-Fonts และ Nix ได้รับการเพิ่มแล้ว
ยินดีต้อนรับความคิดเห็นที่ปรับปรุงใหม่เสมอ หากคุณต้องการวิธีแก้ปัญหาโปรดลงทะเบียนปัญหาในปัญหา
