pretendard
v1.3.9
Korea | Bahasa Inggris | 日本語
Pretendard adalah font alami yang menyediakan produk pada cross -platforms dan merupakan font alami dalam tipografi multibahasa. Pretendards, yang dipangkas berdasarkan Inter, Bono Dick, dan M plus 1p, tidak perlu melakukan tugas tambahan untuk keterbacaan dan koreksi visual di lingkungan yang dibaca.
Pretendard disediakan dalam sembilan ketebalan, dan font variabel juga didukung.
Untuk informasi lebih lanjut tentang latar belakang dan fitur fitur Pretendard, dan OpenType, Anda dapat menemukannya di sini.
Turun untuk menggunakan preendard yang cocok untuk lingkungan tertentu:
Anda dapat menggunakan Pretendard menggunakan CDN, dan Anda dapat menggunakan CDNJS dan UNPKGS selain JSDELIVR, yang direkomendasikan secara default dan direkomendasikan secara default.
Gunakan kode di bawah ini untuk menggunakan Pretendard sebagai font web. Nama font-family yang digunakan adalah 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 menyediakan himpunan bagian dinamis dengan cara yang sama seperti hangul font yang disediakan oleh Google Fonts sebagai cara untuk menyelesaikan masalah font web. Untuk secara selektif mengunduh huruf yang termasuk dalam halaman, gunakan kode di bawah ini untuk menggunakan Pretendard lebih cepat. Nama font-family yang digunakan adalah 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" ); Subset dinamis variabel dapat digunakan sebagai atribut bobot variabel dan preendard dengan kapasitas yang jauh lebih sedikit daripada sub dinamis konvensional. Gunakan kode di bawah ini untuk menggunakan Pretendard lebih nyaman di browser modern. Nama font-family adalah "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" ); Gunakan kode di bawah ini untuk menggunakan atribut bobot variabel. Nama font-family adalah "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" );Jika Anda ingin mencocokkan sistem sebanyak mungkin, kami merekomendasikan konfigurasi font-family di bawah ini.
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;Jika Anda ingin memiliki lingkungan yang sama di mana saja, kami merekomendasikan konfigurasi font-family berikut.
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 tersedia di manajer paket berikut.
npm i pretendardyarn add pretendardPretendard diinstal pada perangkat dan dapat digunakan sebagai font sistem.
brew tap homebrew/cask-fonts
brew install font-pretendard # configuration.nix
{
fonts . packages = with pkgs ; [
pretendard
] ;
}yay -S otf-pretendard
yay -S ttf-pretendardAnda dapat menggunakan Pretendard menggunakan font lokal di Next.js.
import localFont from 'next/font/local'
const pretendard = localFont ( {
src : './fonts/PretendardVariable.woff2' ,
display : 'swap' ,
weight : '45 920' ,
} ) Jika Anda tidak menentukan opsi weight , hati -hati karena ketebalannya mungkin salah di browser berbasis webkit.
Inter: Rasmus Andersson
Sumber Haan Sans: Adobe, Google, Komunikasi Sandol; Jang soo -young, kang joo -yeon
M Plus 1P: Desain Underforest; COJI MORISHITA
Gil Hyungjin
Pretendard didistribusikan ke lisensi font terbuka SIL. Semua perilaku komersial, modifikasi, dan redistribusi dimungkinkan kecuali penjualan font.
Terima kasih banyak telah mendukung proyek Pretendard untuk terus membuatnya dengan lancar.
Terima kasih banyak telah berkontribusi pada Pretendard.
@Hiddenest: Kami telah bekerja di font font porsi dan otomatisasi pembaruan CDN, subsex dan subset dinamis, dan otomatisasi sub -SET dinamis variabel.
@leejh10003: Anda membuat contoh menggunakan Pretendard.
@Black7375: Semua otomatisasi Webfont Build, Publikasikan dan Rilis Otomasi Pembuatan File pada NPMJS dan Benang, URL CDN, Peningkatan Buzzing, Respons Monorepo, Bangun Peningkatan Kinerja, dan Dokumentasi CDN Pemerintah Preendard.
@Victorrica: Anda telah mengerjakan distribusi paket NPM dan benang.
@KMS0219KMS: Semua Web Font CDN Distribution Multiplexing, Peningkatan Pengembangan Dokumen, dan Dokumentasi Bahasa Inggris dan Jepang.
@Gamssake: Anda telah meningkatkan otomatisasi build.
@Quiple: Anda telah meningkatkan terjemahan Readme Jepang.
@Sudosubin: Homebrew-Cask-Fonts dan Nix telah ditambahkan.
Pendapat peningkatan baru selalu diterima. Jika Anda membutuhkan solusi, silakan daftarkan masalah ini dalam masalah.
