[한국어](/packages/pretendard-std/README.md) | [**English**](/packages/pretendard-std/docs/en/README.md)
## Pretendard Std
Use the code below to use Pretendard as a webfonts in a Latin environment with a small file size. Provided font-family name is `"Pretendard Std"`.
#### HTML
```html
```
cdnjs, UNPKG
###### cdnjs
```html
```
###### UNPKG
```html
```
#### CSS
```css
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-std.min.css");
```
cdnjs, UNPKG
###### cdnjs
```css
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard-std.css");
```
###### UNPKG
```css
@import url("https://unpkg.com/pretendard-std@1.3.9/dist/web/static/pretendard-std.css");
```
---
### Dynamic subset
Use the code below to use Pretendard Std faster by loads the font-slices required from the page. Provided font-family name is `"Pretendard Std"`.
#### HTML
```html
```
cdnjs, UNPKG
###### cdnjs
```html
```
###### UNPKG
```html
```
#### CSS
```css
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-std-dynamic-subset.min.css");
```
cdnjs, UNPKG
###### cdnjs
```css
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard-std-dynamic-subset.css");
```
###### UNPKG
```css
@import url("https://unpkg.com/pretendard-std@1.3.9/dist/web/static/pretendard-std-dynamic-subset.min.css");
```
---
### Variable dynamic subset
You can use Pretendard Std dynamic subset much faster and smaller file size with a variable weight axis. Use the code below to use Pretendard Std with the variable dynamic subset. Provided font-family name is `"Pretendard Std Variable"`.
#### HTML
```html
```
cdnjs, UNPKG
###### cdnjs
```html
```
###### UNPKG
```html
```
#### CSS
```css
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-std-dynamic-subset.min.css");
```
cdnjs, UNPKG
###### cdnjs
```css
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/variable/pretendardvariable-std-dynamic-subset.css");
```
###### UNPKG
```css
@import url("https://unpkg.com/pretendard-std@1.3.9/dist/web/variable/pretendardvariable-std-dynamic-subset.css");
```
---
### Variable
Use the code below to use Pretendard Std with a variable weight axis. Provided font-family name is `"Pretendard Std Variable"`.
#### HTML
```html
```
cdnjs, UNPKG
###### cdnjs
```html
```
###### UNPKG
```html
```
#### CSS
```css
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-std.min.css");
```
cdnjs, UNPKG
###### cdnjs
```css
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/variable/pretendardvariable-std.css");
```
###### UNPKG
```css
@import url("https://unpkg.com/pretendard-std@1.3.9/dist/web/variable/pretendardvariable-std.css");
```
---
### font-family
If you want to fit the system-font as much as possible, the following font-family are recommended:
```css
font-family: -apple-system, BlinkMacSystemFont, "Pretendard Std Variable", "Pretendard Std", Pretendard, Roboto, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
```
If you want to provide the same environment anywhere, the following font-family are recommended:
```css
font-family: "Pretendard Std Variable", "Pretendard Std", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
```
## System font
Pretendard Std can be installed on the machine and used as a system font.
- [homebrew-cask-fonts](https://github.com/Homebrew/homebrew-cask-fonts)
```bash
brew tap homebrew/cask-fonts
brew install font-pretendard-std
```
- [nix](https://github.com/NixOS/nixpkgs)
```nix
# configuration.nix
{
fonts.fonts = with pkgs; [
pretendard-std
];
}
```