pretendard
v1.3.9
Coreano | Inglês | 日本語
O Fretendard é uma fonte natural que fornece produtos em plataformas cruzadas e é uma fonte natural na tipografia multilíngue. Os pretendentes, que são aparados com base em inter, Bono Dick e M Plus 1P, não precisam realizar tarefas adicionais para legibilidade e correção visual no ambiente de leitura.
O pretenddo é fornecido com nove espessura e fontes variáveis também são suportadas.
Para obter mais informações sobre os antecedentes e os recursos dos recursos do pretenddo e do OpenType, você pode encontrá -lo aqui.
Desça para usar um Preendard adequado para um ambiente específico:
Você pode usar o Pretendard usando a CDN e usar os CDNJs e unPKGs, além do JSDelivr, que é recomendado por padrão e recomendado por padrão.
Use o código abaixo para usar o Pretendard como uma fonte da web. O nome da família de fontes usado é 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" ); O Fretendard fornece subconjuntos dinâmicos da mesma maneira que as fontes Hangul fornecidas pelo Google Fontes como uma maneira de resolver problemas de fontes da Web. Para baixar seletivamente as letras incluídas na página, use o código abaixo para usar o Fretendard mais rápido. O nome da família de fontes usado é 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" ); Os subconjuntos dinâmicos variáveis podem ser usados como um atributo de peso variável e pré -endodes com uma capacidade significativamente menor que o sub -dinâmico convencional. Use o código abaixo para usar o Pretendard com mais conforto nos navegadores modernos. O nome da família da fonte é "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" ); Use o código abaixo para usar o atributo de peso variável. O nome da família da fonte é "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" );Se você deseja corresponder ao sistema o máximo possível, recomendamos a configuração da família de fontes abaixo.
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;Se você deseja ter o mesmo ambiente em qualquer lugar, recomendamos a seguinte configuração da família.
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;O Pretendard está disponível no seguinte gerenciador de pacotes.
npm i pretendardyarn add pretendardO Fretendard está instalado no dispositivo e pode ser usado como uma fonte do sistema.
brew tap homebrew/cask-fonts
brew install font-pretendard # configuration.nix
{
fonts . packages = with pkgs ; [
pretendard
] ;
}yay -S otf-pretendard
yay -S ttf-pretendardVocê pode usar o Pretendeard usando fontes locais em Next.JS.
import localFont from 'next/font/local'
const pretendard = localFont ( {
src : './fonts/PretendardVariable.woff2' ,
display : 'swap' ,
weight : '45 920' ,
} ) Se você não especificar as opções weight , tenha cuidado, pois a espessura pode estar errada no navegador baseado em Webkit.
Inter: Rasmus Andersson
Fonte Haan Sans: Adobe, Google, Sandol Communication; Jang Soo -young, Kang Joo -yeon
M mais 1p: Design de subestim; Coji Morishita
Gil Hyungjin
O Fultendard é distribuído à licença de fonte SIL Open. Todos os comportamentos comerciais, modificações e redistribuições são possíveis, exceto as vendas de fontes.
Muito obrigado por apoiar o projeto Fretendard para continuar a torná -lo sem problemas.
Muito obrigado por contribuir para fingir.
@Hiddenest: Trabalhamos em servir de fonte da web e automação de atualização de CDN, subconjunto subsexo e dinâmico e automação de sub -conjunto dinâmico variável.
@leejh10003: você fez um exemplo de uso do pretenddo.
@Black7375: Todas as automação de criação do WebFont, publicar e liberar automação de criação de arquivos em NPMJs e fios, URLs de CDN, melhoria do zumbido, resposta monorepo, melhoria de desempenho e documentação do Preendard GOV CD.
@Victorric: Você trabalhou na distribuição de pacotes NPM e YARN.
@KMS0219KMS: Toda a multiplexação por distribuição de CDN da Web font, melhoria do desenvolvimento de documentos e documentação em inglês e japonês.
@GamSsake: Você melhorou a automação de construção.
@Quipe: você melhorou a tradução do Readme japonês.
@sudosubin: homebrew-cask-fonts e nix foram adicionados.
Novas opiniões de melhoria são sempre bem -vindas. Se você precisar de uma solução, registre o problema nos problemas.
