pretendard
v1.3.9
Coréen | Anglais | 日本語
Pretendard est une police naturelle qui fournit des produits sur des plate-formes croisées et est une police naturelle dans la typographie multilingue. Les prétendants, qui sont coupés en fonction de l'Inter, de Bono Dick et M Plus 1P, n'ont pas besoin de faire des tâches supplémentaires pour la lisibilité et la correction visuelle dans l'environnement de lecture.
Pretendard est fourni en neuf épaisseur et les polices variables sont également prises en charge.
Pour plus d'informations sur l'arrière-plan et les fonctionnalités du Pretendard et les fonctionnalités OpenType, vous pouvez la trouver ici.
Descendez pour utiliser un préendard adapté à un environnement spécifique:
Vous pouvez utiliser Pretendard en utilisant CDN, et vous pouvez utiliser les CDNJ et les UNPKG en plus de JSDelivr, qui est recommandé par défaut et recommandé par défaut.
Utilisez le code ci-dessous pour utiliser Pretendard comme police Web. Le nom de la famille utilisée est 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 fournit des sous-ensembles dynamiques de la même manière que les polices de hangul fournies par Google Fonts afin de résoudre les problèmes de polices Web. Pour télécharger sélectivement les lettres incluses dans la page, utilisez le code ci-dessous pour utiliser Pretendard plus rapidement. Le nom de la famille utilisée est 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" ); Les sous-ensembles dynamiques variables peuvent être utilisés comme attribut de poids variable et préendard avec une capacité nettement inférieure à celle dynamique conventionnelle. Utilisez le code ci-dessous pour utiliser Pretendard plus confortablement dans les navigateurs modernes. Le nom de la famille est "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" ); Utilisez le code ci-dessous pour utiliser l'attribut de poids variable. Le nom de la famille est "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" );Si vous souhaitez faire correspondre le système autant que possible, nous recommandons la configuration de la famille ci-dessous.
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;Si vous souhaitez avoir le même environnement n'importe où, nous recommandons la configuration de la famille suivante.
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 est disponible dans le gestionnaire de package suivant.
npm i pretendardyarn add pretendardPretendard est installé sur l'appareil et peut être utilisé comme police système.
brew tap homebrew/cask-fonts
brew install font-pretendard # configuration.nix
{
fonts . packages = with pkgs ; [
pretendard
] ;
}yay -S otf-pretendard
yay -S ttf-pretendardVous pouvez utiliser Pretendard en utilisant des polices locales dans Next.js.
import localFont from 'next/font/local'
const pretendard = localFont ( {
src : './fonts/PretendardVariable.woff2' ,
display : 'swap' ,
weight : '45 920' ,
} ) Si vous ne spécifiez pas les options weight , soyez prudent car l'épaisseur peut être erronée dans le navigateur basé sur webkit.
Inter: Rasmus Andersson
Source Haan Sans: Adobe, Google, Sandol Communication; Jang Soo -young, Kang Joo -yeon
M plus 1p: conception de l'assistance; Coji Morishita
Gil Hyungjin
Pretendard est distribué à la licence de police Open SIL. Tous les comportements commerciaux, modifications et redistributions sont possibles, sauf les ventes de polices.
Merci beaucoup d'avoir soutenu le projet Pretendard pour continuer à le faire bien.
Merci beaucoup d'avoir contribué à Pretendard.
@Hiddest: Nous avons travaillé sur la service Web Serving et CDN Update Automation, Sousex et sous-ensemble dynamique, et l'automatisation de la sous-ensemble dynamique variable.
@ leejh10003: Vous avez fait un exemple d'utilisation de Pretendard.
@ Black7375: Tous les webfont construisent l'automatisation, publient et publiez l'automatisation de la création de fichiers sur NPMJS et YARN, CDN URL, amélioration du bourdonnement, réponse Monorepo, amélioration des performances et préendard GOV CDN Documentation.
@victorrica: Vous avez travaillé sur la distribution des packages NPM et de fil.
@ KMS0219KMS: Tous les chariots de distribution de la police Web, l'amélioration du développement de documents et la documentation en anglais et japonais.
@Gamsake: vous avez amélioré l'automatisation de la construction.
@Quiple: Vous avez amélioré la traduction de la lecture japonaise.
@Sudosubin: Homebrew-Cask-Fonts et Nix ont été ajoutés.
De nouvelles opinions d'amélioration sont toujours les bienvenues. Si vous avez besoin d'une solution, veuillez enregistrer le problème dans les problèmes.
