HWP Mono is a font created based on the Iosevka font using Iosevka Customizer inherited from ss06 variant. This is the updated font from previous name, Iosevka HWP, which had to be removed because the previous font name contained Reserved Font Name (RFN) which violates the SIL Open Font License v1.1. This font family includes sans serif family (HWP Sans Mono) and serif family (HWP Serif Mono) with only monospace variant.
Iosevka [ˌjɔˈseβ.kʰa] is an open-source, sans-serif + slab-serif, monospace + quasi‑proportional typeface family, designed for writing code, using in terminals, and preparing technical documents.
- Default width is set to 600
- Modified variants for all variants which can be seen in the
.tomlfiles under[buildPlans.FontName.variants]. - Use discretionary ligatures for default ligatures.
- Oblique variants were not included.
- See
CHANGELOG.txtfor other changes.
Download fonts from these links below:
Use Linux, Windows Subsystem for Linux (WSL), macOS, or other UNIX based operating systems to build the font.
To build the font, run:
git clone --depth 1 https://github.com/be5invis/Iosevka.git
cd Iosevka
npm install
curl -L -O https://files.aku-hafizulwananda.com/HwpMonoCompileTools.zip
unzip HwpMonoCompileTools.zip
./build.sh
To save your CPU and RAM usage, insert the jCmd value when running build.sh.
Click here for more build instructions.
To use this font for your website or web application project, use these configuration:
Specify the href to the correct location of the font face CSS inside the HwpSansMono and HwpSerifMono folder on your project.
-
Hinted:
<link rel="stylesheet" href="path/to/HwpSansMono/HwpSansMono.css"> <link rel="stylesheet" href="path/to/HwpSerifMono/HwpSerifMono.css"> -
Unhinted:
<link rel="stylesheet" href="path/to/HwpSansMono/HwpSansMono-Unhinted.css"> <link rel="stylesheet" href="path/to/HwpSerifMono/HwpSerifMono-Unhinted.css">
.class1 {
font-family: "HWP Sans Mono Web", monospace;
}
.class2 {
font-family: "HWP Serif Mono Web", monospace;
}
<p class="class1">Hello HWP Sans Mono</p>
<p class="class2">Hello HWP Serif Mono</p>
-
Copy
HwpSansMonoandHwpSerifMonofolder into your project (e.g.src/assets/fonts/). -
Import the font face CSS in the
src/index.jsfile.- Hinted
import './assets/fonts/HwpSansMono/HwpSansMono.css'; import './assets/fonts/HwpSerifMono/HwpSerifMono.css'; - Unhinted
import './assets/fonts/HwpSansMono/HwpSansMono-Unhinted.css'; import './assets/fonts/HwpSerifMono/HwpSerifMono-Unhinted.css';
- Hinted
-
Add the CSS in the
App.cssfile..class1 { font-family: 'HWP Sans Mono Web', monospace; } .class2 { font-family: 'HWP Serif Mono Web', monospace; } -
Example of
App.json React.js.import React from 'react'; import './App.css'; function App() { return ( <div> <p className="class1">Hello HWP Sans Mono</p> <p className="class2">Hello HWP Serif Mono</p> </div> ); } export default App; -
Example of
App.vueon Vue.js.<template> <div> <p class="class1">Hello HWP Sans Mono</p> <p class="class2">Hello HWP Serif Mono</p> </div> </template> <script> export default { name: 'App' } </script> <style src="./App.css"></style>
- HWP Sans Mono (18 hinted ttf, 18 unhinted ttf, 18 hinted woff, 18 unhinted woff, 2 CSS files)
- HWP Serif Mono (18 hinted ttf, 18 unhinted ttf, 18 hinted woff, 18 unhinted woff, 2 CSS files)
Total: 148 files
This font is based on the Iosevka project.
Released under the SIL Open Font License 1.1.
See LICENSE.txt for details.