pretendard-jp
Advanced tools
일본어 환경에 적합하며, 모든 기능을 지원하는 Pretendard를 웹폰트로 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard JP" 입니다.
한국에 맞는 모양을 사용하려면 스타일에 다음과 같은 코드를 추가하세요: font-feature-settings: "ss05";
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.min.css" />
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/static/pretendard-jp.min.css" />
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard-jp@1.3.9/dist/web/static/pretendard-jp.css" />
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/static/pretendard-jp.min.css");
@import url("https://unpkg.com/pretendard-jp@1.3.9/dist/web/static/pretendard-jp.css");
최적화된 용량으로 보다 빠르게 Pretendard JP를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard JP" 입니다.
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp-dynamic-subset.min.css" />
<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" />
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard-jp@1.3.9/dist/web/static/pretendard-jp-dynamic-subset.css" />
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp-dynamic-subset.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/static/pretendard-jp-dynamic-subset.min.css");
@import url("https://unpkg.com/pretendard-jp@1.3.9/dist/web/static/pretendard-jp-dynamic-subset.css");
모던 브라우저에서 기존 다이나믹 서브셋보다 적은 용량으로 가변 Weight 속성과 함께 Pretendard JP를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard JP Variable" 입니다.
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp-dynamic-subset.min.css" />
<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" />
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard-jp@1.3.9/dist/web/variable/pretendardvariable-jp-dynamic-subset.css" />
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp-dynamic-subset.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/variable/pretendardvariable-jp-dynamic-subset.min.css");
@import url("https://unpkg.com/pretendard-jp@1.3.9/dist/web/variable/pretendardvariable-jp-dynamic-subset.css");
가변 weight 속성을 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard JP Variable" 입니다.
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css" />
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/variable/pretendardvariable-jp.min.css" />
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard-jp@1.3.9/dist/web/variable/pretendardvariable-jp.css" />
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-jp/1.3.9/variable/pretendardvariable-jp.min.css");
@import url("https://unpkg.com/pretendard-jp@1.3.9/dist/web/variable/pretendardvariable-jp.css");
어디서든 쾌적한 환경을 제공하고자 한다면 아래와 같은 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.fonts = with pkgs; [
pretendard-jp
];
}
FAQs
Unknown package
The npm package pretendard-jp receives a total of 5,615 weekly downloads. As such, pretendard-jp popularity was classified as popular.
We found that pretendard-jp demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.