![GitHub release](https://img.shields.io/github/release/rubjo/victor-mono.svg)
![GitHub Release Date](https://img.shields.io/github/release-date/rubjo/victor-mono.svg)
![GitHub](https://img.shields.io/github/license/rubjo/victor-mono.svg)
![GitHub stars](https://img.shields.io/github/stars/rubjo/victor-mono.svg?style=social)

[![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner2-direct.svg)](https://vshymanskyy.github.io/StandWithUkraine)
***

![Intro image](https://github.com/rubjo/victor-mono/raw/master/public/twitter.png)
![carbon (3)](https://user-images.githubusercontent.com/42270947/117447088-53e03300-af3d-11eb-84e2-df1713e77019.png)

### More information and download: [rubjo.github.io/victor-mono](https://rubjo.github.io/victor-mono). If you like it and want to say thanks, [donations](https://www.paypal.com/donate?hosted_button_id=T8Q8AHYNNXELW) are welcome. ❤️

***

## How to use

### In code editors:
1. [Download](https://rubjo.github.io/victor-mono/VictorMonoAll.zip) the font
2. Unpack the ZIP
3. [Install](https://www.google.com/search?q=how+to+install+fonts) the font (all styles or the ones you want)
4. [Change the font settings in your code editor / IDE of choice](https://www.google.com/search?q=how+to+change+font+settings+in+VS+Code) to "Victor Mono"
5. _Optional_ [Set the code theme](https://www.google.com/search?q=how+to+change+theme+in+VS+Code) to one you like.
Check out [https://themer.dev/victor-mono](https://themer.dev/victor-mono), where you can download the official theme for your favourite terminals, editors and apps.
6. _Optional_ [Modify the theme](https://www.google.com/search?q=how+to+modify+themes+in+VS+Code) colours and its application of normal/italic/bold styles

### In apps, web pages or other projects:
1. `npm i victormono` (installs Regular, Italic, Bold and Bold Italic styles)
2. `import 'victormono'` (in a typical modern JS setup, eg. Webpack/Vite)
3. Style classes with `font-family: 'Victor Mono'`, `font-weight` and `font-style`

#### Alternative CDN hosting, best for online editors like [CodePen](https://codepen.io/tomByrer/pen/MWWagVp):
1. `<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/victormono@latest/dist/index.min.css">` in `<head>` or top of `<body>`
2. Style classes with `font-family: 'Victor Mono', monospace`


***


### Font stylistics

#### Available stylistics

| Stylistic set  | Example |
| :------------: | ------------- |
| <h3>ss01</h3> Single-storey a  | ![ss01](https://github.com/user-attachments/assets/191b14ac-4ba3-4657-9f99-ee48c5088caf)  |
| <h3>ss02</h3> Slashed zero, variant 1  | ![ss02](https://github.com/user-attachments/assets/398de89a-3e48-4f32-802c-6dd6e97d58e9)  |
| <h3>ss03</h3> Slashed zero, variant 2  | ![ss03](https://github.com/user-attachments/assets/ce161d95-3ac0-4be9-a303-ba4cf50c0c99) |
| <h3>ss04</h3> Slashed zero, variant 3  | ![ss04](https://github.com/user-attachments/assets/9f201d03-77b9-4ae7-8ce4-2cb276f4b148) |
| <h3>ss05</h3> Slashed zero, variant 4  | ![ss05](https://github.com/user-attachments/assets/a200e608-1acc-4e3e-9da1-a67085580027) |
| <h3>ss06</h3> Slashed seven  | ![ss06](https://github.com/user-attachments/assets/b556a67d-f224-456c-8aca-70d02ea0f6f7) |
| <h3>ss07</h3> Straighter 6 and 9  | ![ss07](https://github.com/user-attachments/assets/a9dde2ab-d9bf-41ad-bab0-4fc71f93b2ce) |
| <h3>ss08</h3> More fishlike turbofish (previous default ::< ligature) | ![ss08](https://github.com/user-attachments/assets/19135e2b-1f5e-4d48-b0e0-e780434bfee2) | 

#### How to use

- CSS:
  	```css
	font-feature-settings: "ss01";
   	```

- Sublime:
	```json
	"font_options": ["ss01"]
	```

- VScode:
	```json
	"editor.fontLigatures": "'ss01'"
	```

- Kitty:
	```
	font_features VictorMono-Medium +ss01
	```

***


### Example code previews

![carbon](https://user-images.githubusercontent.com/42270947/117446571-8ccbd800-af3c-11eb-8f34-bd8250e1920b.png)
![carbon (1)](https://user-images.githubusercontent.com/42270947/117447058-46c34400-af3d-11eb-8c2d-007ae5d686cb.png)
![carbon (2)](https://user-images.githubusercontent.com/42270947/117447070-4cb92500-af3d-11eb-9254-4ee5628170c6.png)
![carbon (4)](https://user-images.githubusercontent.com/42270947/117447095-56db2380-af3d-11eb-89fe-2bcb873cd112.png)
![carbon (5)](https://user-images.githubusercontent.com/42270947/117447107-5b074100-af3d-11eb-8101-69fb61e6c402.png)
![carbon (6)](https://user-images.githubusercontent.com/42270947/117447119-5f335e80-af3d-11eb-9952-e745a7ddafac.png)
![carbon (7)](https://user-images.githubusercontent.com/42270947/117447143-6490a900-af3d-11eb-87a5-6d1fe2e7a9ca.png)




