New Prague, Minnesota

    pretendard-std

    1.3.5 • Public • Published

    한국어 | English

    Pretendard Std

    라틴 환경에서 보다 적은 용량으로 Pretendard를 웹폰트로 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard Std" 입니다.

    HTML

    <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard-std.css" />
    cdnjs 및 UNPKG
    cdnjs
    <link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.5/static/pretendard-std.css" />
    UNPKG
    <link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard@1.3.5/dist/web/static/pretendard-std.css" />

    CSS

    @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard-std.css");
    cdnjs 및 UNPKG
    cdnjs
    @import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.5/static/pretendard-std.css");
    UNPKG
    @import url("https://unpkg.com/pretendard@1.3.5/dist/web/static/pretendard-std.css");

    다이나믹 서브셋

    라틴 환경에서 최적화된 용량으로 보다 빠르게 Pretendard를 표시하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard Std" 입니다.

    HTML

    <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard-std-dynamic-subset.css" />
    cdnjs 및 UNPKG
    cdnjs
    <link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.5/static/pretendard-std-dynamic-subset.css" />
    UNPKG
    <link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard@1.3.5/dist/web/static/pretendard-std-dynamic-subset.css" />

    CSS

    @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard-std-dynamic-subset.css");
    cdnjs 및 UNPKG
    cdnjs
    @import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.5/static/pretendard-std-dynamic-subset.css");
    UNPKG
    @import url("https://unpkg.com/pretendard@1.3.5/dist/web/static/pretendard-std-dynamic-subset.css");

    가변 글꼴

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

    HTML

    <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/variable/pretendardvariable-std.css" />
    cdnjs 및 UNPKG
    cdnjs
    <link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.5/variable/pretendardvariable-std.css" />
    UNPKG
    <link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard@1.3.5/dist/web/variable/pretendardvariable-std.css" />

    CSS

    @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/variable/pretendardvariable-std.css");
    cdnjs 및 UNPKG
    cdnjs
    @import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.5/variable/pretendardvariable-std.css");
    UNPKG
    @import url("https://unpkg.com/pretendard@1.3.5/dist/web/variable/pretendardvariable-std.css");

    font-family

    시스템에 가능한 맞추고자 한다면 아래와 같은 font-family 구성을 추천합니다.

    font-family: -apple-system, BlinkMacSystemFont, "Pretendard Std", Pretendard, Roboto, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

    어디서든 동일한 환경을 가지고자 한다면 아래와 같은 font-family 구성을 추천합니다.

    font-family: "Pretendard Std", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

    시스템 폰트

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

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

    Keywords

    none

    Install

    npm i pretendard-std

    DownloadsWeekly Downloads

    8

    Version

    1.3.5

    License

    OFL-1.1

    Unpacked Size

    13.6 MB

    Total Files

    181

    Last publish

    Collaborators

    • orioncactus