Skip to content

Latest commit

 

History

History
250 lines (155 loc) · 6.5 KB

README.md

File metadata and controls

250 lines (155 loc) · 6.5 KB
Raw

한국어 | English | 日本語

Pretendard JP

日本語環境に適しており、すべての機能に対応するPretendardをWebフォントとして使用するには、下記のコードを使用してください。使用するfont-family名は"Pretendard JP"です。

韓国語環境に合った外観を使用するには、stylesheetに次のコードを追加してください。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を表示するには、下記のコードを使用してください。使用する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を使用できます。 モダンブラウザでより快適に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
  ];
}