pretendard
v1.3.9
Coreano | Inglés | 日本語
Pretendard es una fuente natural que proporciona productos en plataformas cruzadas y es una fuente natural en la tipografía multilingüe. Las pretendards, que se recortan en función de Inter, Bono Dick y M Plus 1p, no necesitan hacer tareas adicionales para la legibilidad y la corrección visual en el entorno de lectura.
Pretendard se proporciona en nueve espesor, y también se admiten fuentes variables.
Para obtener más información sobre los antecedentes y las características de la pretendard y las características de OpenType, puede encontrarla aquí.
Baje para usar un preendard adecuado para un entorno específico:
Puede usar PretendAd usando CDN, y puede usar los CDNJ y los UNPKG además de JSDELIVR, que se recomienda por defecto y se recomienda por defecto.
Use el código a continuación para usar Pretendard como fuente web. El nombre de fuente de fuentes utilizados es 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" ); PretendAd proporciona subconjuntos dinámicos de la misma manera que las fuentes Hangul proporcionadas por Google Fonts como una forma de resolver problemas de fuentes web. Para descargar selectivamente las letras incluidas en la página, use el código a continuación para usar PretendAd más rápido. El nombre de fuente de fuentes utilizados es 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" ); Los subconjuntos dinámicos variables se pueden utilizar como un atributo de peso variable y preendardar con una capacidad significativamente menor que la subconsciente dinámica convencional. Use el código a continuación para usar Pretendard de manera más cómoda en los navegadores modernos. El nombre de la familia Font-Family es "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 el código a continuación para usar el atributo de peso variable. El nombre de la familia Font-Family es "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 desea que coincida con el sistema tanto como sea posible, recomendamos la configuración de la familia Font a continuación.
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 desea tener el mismo entorno en cualquier lugar, le recomendamos la siguiente configuración de fuentes-familias.
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;PretendAd está disponible en el siguiente administrador de paquetes.
npm i pretendardyarn add pretendardPretendard se instala en el dispositivo y se puede usar como fuente de sistema.
brew tap homebrew/cask-fonts
brew install font-pretendard # configuration.nix
{
fonts . packages = with pkgs ; [
pretendard
] ;
}yay -S otf-pretendard
yay -S ttf-pretendardPuede usar pretendard usando fuentes locales en Next.js.
import localFont from 'next/font/local'
const pretendard = localFont ( {
src : './fonts/PretendardVariable.woff2' ,
display : 'swap' ,
weight : '45 920' ,
} ) Si no especifica las opciones weight , tenga cuidado porque el grosor puede estar mal en el navegador basado en WebKit.
Inter: Rasmus Andersson
Fuente Haan Sans: Adobe, Google, Sandol Communication; Jang Soo -young, Kang Joo -yeon
M Plus 1p: diseño de la parte delantera; Coji Morishita
Gil Hyungjin
Pretendard se distribuye a la licencia SIL Open Font. Todos los comportamientos comerciales, modificaciones y redistributiones son posibles, excepto las ventas de fuentes.
Muchas gracias por apoyar el Proyecto Pretendard para continuar haciéndolo sin problemas.
Muchas gracias por contribuir a Pretendard.
@hiddenest: hemos trabajado en la fuente web de servicio y automatización de actualizaciones de CDN, subsex y subconjunto dinámico, y automatización variable de sub -set dinámico.
@leejh10003: hiciste un ejemplo de usar pretendard.
@Black7375: All WebFont Build Automation, Publish y Lanzamiento de la automatización de la creación de archivos en NPMJ e hilados, URL de CDN, mejora del zumbido, respuesta de monorreo, mejora de la mejora del rendimiento y la documentación de Gobierno de Gobierno.
@VictorRica: Has trabajado en la distribución de los paquetes de NPM e hilo.
@KMS0219kms: All Web Font CDN Distribution Multiplexing, Mejora del desarrollo de documentos y documentación en inglés y japonés.
@GAMSSAKE: Has mejorado la automatización de construcción.
@Quiple: Has mejorado la traducción de ReadMe japonés.
@Sudosubin: HomeBrew-Cask-Fonts y Nix se han agregado.
Las nuevas opiniones de mejora siempre son bienvenidas. Si necesita una solución, registre el problema en los problemas.
