pretendard
v1.3.9
Koreanisch | Englisch | 日本語
Pretendard ist eine natürliche Schriftart, die Produkte für Kreuz -Plattformen bereitstellt und eine natürliche Schrift in mehrsprachiger Typografie ist. Pretendards, die auf der Grundlage von Inter, Bono Dick und M Plus 1P beschnitten werden, müssen keine zusätzlichen Aufgaben für Lesbarkeit und visuelle Korrektur in der Leseumgebung ausführen.
Pretendard ist in neun Dicke bereitgestellt, und es werden auch variable Schriftarten unterstützt.
Weitere Informationen über den Hintergrund und die Funktionen des Pretendard- und OpenType -Funktionen finden Sie hier.
Gehen Sie runter, um einen Preendard zu verwenden, der für eine bestimmte Umgebung geeignet ist:
Sie können Pretendard mit CDN verwenden und zusätzlich zu JSDELIVR die CDNJs und UnpkGs verwenden, die standardmäßig empfohlen und standardmäßig empfohlen werden.
Verwenden Sie den folgenden Code, um Pretendard als Web -Schriftart zu verwenden. Der verwendete Schriftfamiliename ist so, 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 bietet dynamische Untergruppen auf die gleiche Weise wie Hangul -Schriftarten, die von Google Fonts bereitgestellt werden, um Web -Schriftarten Probleme zu lösen. Um die auf der Seite enthaltenen Buchstaben selektiv herunterzuladen, verwenden Sie den folgenden Code, um Pretendard schneller zu verwenden. Der verwendete Schriftfamiliename ist so, 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" ); Variable dynamische Untergruppen können als Attribut mit variablen Gewicht und vordarken mit einer deutlich geringeren Kapazität als herkömmlicher dynamischer Sub verwendet werden. Verwenden Sie den folgenden Code, um Pretendard in modernen Browsern bequemer zu verwenden. Der Name der Schriftfamilie lautet "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" ); Verwenden Sie den folgenden Code, um das Attribut für variable Gewicht zu verwenden. Der Name der Schriftfamilie lautet "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" );Wenn Sie das System so weit wie möglich anpassen möchten, empfehlen wir die folgende Schriftfamilie.
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;Wenn Sie überall die gleiche Umgebung haben möchten, empfehlen wir die folgende Schriftfamilie-Konfiguration.
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 ist im folgenden Paketmanager erhältlich.
npm i pretendardyarn add pretendardPretendard ist auf dem Gerät installiert und kann als Systemschrift verwendet werden.
brew tap homebrew/cask-fonts
brew install font-pretendard # configuration.nix
{
fonts . packages = with pkgs ; [
pretendard
] ;
}yay -S otf-pretendard
yay -S ttf-pretendardSie können Pretendard verwenden, indem Sie lokale Schriftarten in Next.js.
import localFont from 'next/font/local'
const pretendard = localFont ( {
src : './fonts/PretendardVariable.woff2' ,
display : 'swap' ,
weight : '45 920' ,
} ) Wenn Sie die weight nicht angeben, seien Sie vorsichtig, da die Dicke im Webkit -basierten Browser möglicherweise falsch ist.
Inter: Rasmus Andersson
Quelle Haan Sans: Adobe, Google, Sandol -Kommunikation; Jang Soo -young, Kang joo -yeon
M plus 1p: Unterforstdesign; Coji Morishita
Gil Hyungjin
Pretendard wird an SIL Open -Schriftart -Lizenz verteilt. Alle kommerziellen Verhaltensweisen, Modifikationen und Umverteilungen sind mit Ausnahme von Schriftarten möglich.
Vielen Dank, dass Sie das Pretendard -Projekt unterstützt haben, um es weiterhin reibungslos zu machen.
Vielen Dank, dass Sie zu Treadard beigetragen haben.
@Hiddenest: Wir haben an der Automatisierung von Web -Schriftart- und CDN -Update, Subsex- und Dynamic Subset sowie variablen dynamischen Sub -Set -Automatisierung gearbeitet.
@Leejh10003: Sie haben ein Beispiel für die Verwendung von Pretendard gemacht.
@Black7375: Alle Webfont Build -Automatisierung, Veröffentlichung und Release -Dateierstellung Automatisierung auf NPMJS und Garn, CDN -URLs, Verbesserung der Summen, Monorepo -Reaktion, Build -Leistungsverbesserung und Preendard GOV CDN -Dokumentation.
@Victorrica: Sie haben an der Verteilung von NPM- und Garnpaketen gearbeitet.
@KMS0219KMS: Alle Web -Schriftart -CDN -Verteilung Multiplexing, Verbesserung der Dokumentenentwicklung sowie englische und japanische Dokumentation.
@Gamssake: Sie haben eine verbesserte Build -Automatisierung.
@Quiple: Sie haben die Übersetzung der japanischen Readme verbessert.
@sudosubin: Homebrew-Cask-Fonts und Nix wurden hinzugefügt.
Neue Verbesserungs Meinungen sind immer willkommen. Wenn Sie eine Lösung benötigen, registrieren Sie das Problem in Problemen.
