Install Pretendard JP Variable Dynamic Subset Webfont
main"Pretendard JP Variable".repository·main·Indexed 25 days ago
https://github.com/orioncactus/pretendardA Neo-grotesque typeface designed for cross-platform applications and multilingual typography, optimized for legibility in Korean and other environments. Based on Inter, Source Han Sans, and M PLUS 1p. Includes guides for integration in Flutter, React Native, and web environments, as well as specialized versions including Pretendard GOV, Pretendard JP, and Pretendard Std.
"Pretendard JP Variable".You can install the Pretendard package using npm or Yarn for use in your web or application projects.
npm i pretendard
# or
yarn add pretendard<link> or CSS @import. The font-family name is "Pretendard GOV".To use Pretendard fonts in a React Native project, you must register the font directory in a react-native.config.js file at the project root. This allows the assets to be linked to the Android and iOS native projects.
react-native.config.js in your project root.assets key.module.exports = {
assets: ['./assets/fonts'],
};"Pretendard JP".You can install Pretendard JP locally on your machine to use it as a system font.
### Homebrew (macOS)
```bash
brew tap homebrew/cask-fonts
brew install font-pretendard-jp# configuration.nix
{
fonts.packages = with pkgs; [
pretendard-jp
];
}Use the standard Pretendard JP webfont for Japanese environments. The font-family name is "Pretendard JP".
To use Korean-style glyphs within the Japanese font, add font-feature-settings: "ss05"; to your CSS styles.
To use Pretendard in a Flutter project, follow these steps:
.otf font files in a fonts/ directory within your project root.fontFamily: 'Pretendard' property in a TextStyle or set it globally in your ThemeData.flutter:
fonts:
- family: Pretendard
fonts:
- asset: fonts/Pretendard-Black.otf
weight: 900
- asset: fonts/Pretendard-ExtraBold.otf
weight: 800
- asset: fonts/Pretendard-Bold.otf
weight: 700
- asset: fonts/Pretendard-SemiBold.otf
weight: 600
- asset: fonts/Pretendard-Medium.otf
weight: 500
- asset: fonts/Pretendard-Regular.otf
weight: 400
- asset: fonts/Pretendard-Light.otf
weight: 300
- asset: fonts/Pretendard-Light.otf
weight: 200
- asset: fonts/Pretendard-Thin.otf
weight: 100"Pretendard Std"."Pretendard JP Variable".You can install Pretendard Std locally on your machine to use it as a system font.
macOS (via Homebrew):
Requires the homebrew/cask-fonts tap.
NixOS:
Add pretendard-std to your fonts.packages configuration.
# macOS
brew tap homebrew/cask-fonts
brew install font-pretendard-std# NixOS
{
fonts.packages = with pkgs; [
pretendard-std
];
}"Pretendard JP".