pretendard
v1.3.9
Корейский | Английский | 日本語
Притворство -это натуральный шрифт, который предоставляет продукты на перекрестных платформах и является естественным шрифтом в многоязычной типографике. Притворства, которые подстрижены на основе Inter, Bono Dick и M Plus 1p, не нужно выполнять дополнительные задачи для читаемости и визуальной коррекции в среде чтения.
Притворство предоставляется в девяти толщине, а также поддерживаются переменные шрифты.
Для получения дополнительной информации о фоне и особенностях притворства и функций Opentype вы можете найти его здесь.
Спуститесь, чтобы использовать предприятие, подходящее для конкретной среды:
Вы можете использовать притворство, используя CDN, и вы можете использовать CDNJ и UNPKGS в дополнение к JSDELIVR, который рекомендуется по умолчанию и рекомендуется по умолчанию.
Используйте приведенный ниже код, чтобы использовать притворство в качестве веб -шрифта. Используемое имя семьи Font является 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" ); Притворство предоставляет динамические подмножества так же, как и шрифты Hangul, предоставленные Google Fonts, как способ решить проблемы веб -шрифтов. Чтобы выборочно загрузить буквы, включенные на страницу, используйте приведенный ниже код, чтобы быстрее использовать притворство. Используемое имя семьи Font является 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" ); Динамические подмножества с переменной подмножностью могут использоваться в качестве атрибута с переменным весом и предварительного раза с значительно меньшей емкостью, чем обычная динамическая суб. Используйте приведенный ниже код, чтобы использовать притворство более комфортно в современных браузерах. Имя семьи Font "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" ); Используйте приведенный ниже код, чтобы использовать атрибут переменного веса. Имя семьи Font "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" );Если вы хотите как можно больше соответствовать системе, мы рекомендуем конфигурацию Font-Family ниже.
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;Если вы хотите иметь ту же среду в любом месте, мы рекомендуем следующую конфигурацию Font-Family.
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;Притворство доступно в следующем менеджере пакетов.
npm i pretendardyarn add pretendardПритворство установлено на устройстве и может использоваться в качестве системного шрифта.
brew tap homebrew/cask-fonts
brew install font-pretendard # configuration.nix
{
fonts . packages = with pkgs ; [
pretendard
] ;
}yay -S otf-pretendard
yay -S ttf-pretendardВы можете использовать притворство, используя локальные шрифты в next.js.
import localFont from 'next/font/local'
const pretendard = localFont ( {
src : './fonts/PretendardVariable.woff2' ,
display : 'swap' ,
weight : '45 920' ,
} ) Если вы не указываете варианты weight , будьте осторожны, потому что толщина может быть неправильной в браузере на основе Webkit.
Интер: Расмус Андерссон
Source Haan Sans: Adobe, Google, Сандол Коммуникация; Jang Soo -young, Kang Joo -yeon
М плюс 1p: недостаток дизайна; Коджи Моришита
Гил Хенджин
Притворство распределяется по лицензии SIL Open Font. Все коммерческие поведения, модификации и перераспределение возможны, кроме продаж шрифтов.
Большое спасибо за поддержку проекта «Притворства», чтобы продолжать делать его гладко.
Большое спасибо за то, что внесли свой вклад.
@hiddenest: Мы работали над веб -порцией шрифтов и автоматизации обновления CDN, подсхемы и динамического подмножества и динамической автоматизации переменной.
@Leejh10003: Вы сделали пример использования притворства.
@Black7375: All WebFont Automation, публикация и выпуск автоматизации создания файлов на NPMJS и YARN, URL -адреса CDN, улучшение гудения, отклик MonorePo, улучшение производительности и документация Preendard Gov CDN.
@victorrica: Вы работали над распространением NPM и Packages.
@KMS0219 км: все веб -шрифт CDN -распределительный мультиплексирование, улучшение разработки документов и документация по английскому и японскому языку.
@Gamssake: Вы улучшили автоматизацию сборки.
@Quiple: Вы улучшили перевод японского чистота.
@sudosubin: были добавлены Homebrew-Cask-Fonts и Nix.
Новое улучшение мнений всегда приветствуется. Если вам нужно решение, пожалуйста, зарегистрируйте проблему в выпусках.
