Skip to content

Latest commit

 

History

History

pretendard-jp

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
dist
dist
 
 
docs
docs
 
 
README.md
README.md
 
 
package.json
package.json
 
 
subset.js
subset.js
 
 

README.md

한국어 | English | 日本語

Pretendard JP

일본어 환경에 적합하며, 모든 기능을 지원하는 Pretendard를 웹폰트로 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard JP" 입니다.

한국에 맞는 모양을 사용하려면 스타일에 다음과 같은 코드를 추가하세요: font-feature-settings: "ss05";

HTML

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-jp.min.css" />
cdnjs 및 UNPKG
cdnjs
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/static/pretendard-jp.min.css" />
UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/[email protected]/dist/web/static/pretendard-jp.css" />

CSS

@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-jp.min.css");
cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/static/pretendard-jp.min.css");
UNPKG
@import url("https://unpkg.com/[email protected]/dist/web/static/pretendard-jp.css");

다이나믹 서브셋

최적화된 용량으로 보다 빠르게 Pretendard JP를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard JP" 입니다.

HTML

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-jp-dynamic-subset.min.css" />
cdnjs 및 UNPKG
cdnjs
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/static/pretendard-jp-dynamic-subset.min.css" />
UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/[email protected]/dist/web/static/pretendard-jp-dynamic-subset.css" />

CSS

@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-jp-dynamic-subset.min.css");
cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/static/pretendard-jp-dynamic-subset.min.css");
UNPKG
@import url("https://unpkg.com/[email protected]/dist/web/static/pretendard-jp-dynamic-subset.css");

가변 다이나믹 서브셋

모던 브라우저에서 기존 다이나믹 서브셋보다 적은 용량으로 가변 Weight 속성과 함께 Pretendard JP를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard JP Variable" 입니다.

HTML

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-jp-dynamic-subset.min.css" />
cdnjs 및 UNPKG
cdnjs
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/variable/pretendardvariable-jp-dynamic-subset.min.css" />
UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-jp-dynamic-subset.css" />

CSS

@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-jp-dynamic-subset.min.css");
cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/variable/pretendardvariable-jp-dynamic-subset.min.css");
UNPKG
@import url("https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-jp-dynamic-subset.css");

가변 글꼴

가변 weight 속성을 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard JP Variable" 입니다.

HTML

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-jp.min.css" />
cdnjs 및 UNPKG
cdnjs
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/variable/pretendardvariable-jp.min.css" />
UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-jp.css" />

CSS

@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-jp.min.css");
cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/variable/pretendardvariable-jp.min.css");
UNPKG
@import url("https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-jp.css");

font-family

어디서든 쾌적한 환경을 제공하고자 한다면 아래와 같은 font-family 구성을 추천합니다.

font-family: "Pretendard JP Variable", "Pretendard JP", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Apple SD Gothic Neo", Meiryo, "Noto Sans JP", "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

시스템 폰트

Pretendard JP를 기기에 설치해 시스템 폰트로 사용할 수 있습니다.

brew tap homebrew/cask-fonts
brew install font-pretendard-jp
# configuration.nix
{
  fonts.packages = with pkgs; [
    pretendard-jp
  ];
}