韓語|英語| 日本語
Pretendard是一種天然字體,可在跨平台上提供產品,並且是多語言版式的天然字體。假裝基於Inter,Bono Dick和M Plus 1p的修剪,不需要在閱讀環境中執行其他任務以進行可讀性和視覺校正。
假裝提供了9個厚度,並且還支持可變字體。
有關Pretendard的背景和功能以及Opentype功能的更多信息,您可以在此處找到它。
下去使用適合特定環境的預塔:
您可以使用CDN使用Pretendard,除JSDELIVR外,還可以使用CDNJ和UMKGS,默認情況下建議使用,默認情況下建議。
使用下面的代碼將假定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提供的動態子集的方式與Google字體提供的hangul字體相同,作為解決Web字體問題的一種方式。要選擇性地下載頁面中包含的字母,請使用下面的代碼更快地使用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" );可變動態子集可用作可變的權重屬性,而預處理的容量明顯少於常規動態子。使用下面的代碼在現代瀏覽器中更舒適地使用Pretendard。字體家庭名稱是"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;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您可以使用Next.js中的局部字體使用假裝。
import localFont from 'next/font/local'
const pretendard = localFont ( {
src : './fonts/PretendardVariable.woff2' ,
display : 'swap' ,
weight : '45 920' ,
} )如果您沒有指定weight選項,請小心,因為基於WebKit的瀏覽器中的厚度可能是錯誤的。
國際:拉斯穆斯·安德森(Rasmus Andersson)
消息來源Haan Sans:Adobe,Google,Sandol Communication; Jang Soo -Young,Kang Joo -yeon
M加1p:原形設計; Coji Morishita
Gil Hyungjin
Pretendard分發給SIL Open Font許可證。除字體銷售外,所有商業行為,修改和再分配都是可能的。
非常感謝您支持Pretendard項目,以繼續使其順利進行。

非常感謝您為假裝的貢獻。
@hiddenest:我們已經從事Web字體服務和CDN更新自動化,Subsex和Dynamic子集,以及可變動態子集自動化。
@leejh10003:您就是使用假裝的示例。
@black7375:所有WebFont構建自動化,發布和發布文件創建自動化在NPMJ和紗線上,CDN URL,嗡嗡聲的改進,MonorePo響應,構建性能改進以及Preendard Gov CDN文檔。
@Victorrica:您已經從事NPM和紗線軟件包的分佈工作。
@kms0219kms:所有Web字體CDN分佈多路復用,文檔開發改進以及英語和日本文檔。
@gamssake:您已經改善了構建自動化。
@quiple:您已經改善了日語讀數的翻譯。
@sudosubin:已添加了Homebrew-Cask-Fonts和Nix。
總是歡迎新的改進意見。如果您需要解決方案,請在問題中註冊問題。