韩语|英语| 日本语
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。
总是欢迎新的改进意见。如果您需要解决方案,请在问题中注册问题。