Introducing the all-new WM Font

A hand drawn typeface that is created to mimic the look and feel of handwriting.

Get the Font

DEMO Reset Text

Edit the text here to take a feel of WM Font.

Examples

See how WM Font works in different fields.

Paragraph Example

Lorem ipsum dolor sit amet consectetur adipiscing elit. Amet consectetur adipiscing elit quisque faucibus ex sapien. Quisque faucibus ex sapien vitae pellentesque sem placerat. Vitae pellentesque sem placerat in id cursus mi.

Math Example

∫_a^b f(x) dx = F(b) - F(a)
x₁,₂ = (-β ± Δ½) ÷ 2α
y = ½x² ± ⅔x ÷ ⅕
x³ ± y³ ≠ z³ for n ≥ 3
ℕ ≤ ℤ ≤ ℚ ≤ ℝ ≤ ℂ
A = {x | x = 2ⁿ, where 1 ≤ n ≤ 5} ∑_i=1ⁿ i² = n(n + 1)(2n + 1) ÷ 6

Physics Example

E = ½μv²
ρ = m ÷ V
Ω = R₁ + R₂ + R₃
λ = c ÷ f
τ = σ ÷ Δ
φ = α ± β
η = Wₒ ÷ Wᵢ

Chemistry Example

H₂ + O₂ → H₂O
C₆H₁₂O₆ + 6O₂ → 6CO₂ + 6H₂O
2H₂ + O₂ → 2H₂O
Δ H = Δ U + PΔ V

Currency Example

$100.00
€85.50
£75.25
¥10,000
₹7,500

Symbols Example

Use Cases

See how WM Font can be used in various design scenarios. Click an image to enlarge.

Web Design

Perfect for personal blogs, portfolios, and creative websites that want a handwritten touch.

Printed Media

Ideal for greeting cards, posters, and flyers that require a personal feel.

Journaling

Great for anything that needs a personal, handwritten aesthetic like note-taking apps, journals, and diaries.

Comic Books

Also great for handwritten style text inside comics

Letters

When you need to add handwritten feel to a letter

Graphic Design

For those times where you want to design something with a handwritten feel.

Interactive Playground

Experiment with font sizes, line heights, alignments, and letter spacing.

Sample Text

Font Size 36px

Line Height 1.4

Letter Spacing 0px

Text Color

Background

Alignment

The quick brown fox jumps over the lazy dog.

Make a Comic

Edit a comic strip to preview how WM Font looks and also show your creativity!

Glyph Set

Explore all 207 characters and symbols available in WM Font. Click a glyph to copy it and you can paste it later in playground

Showcase

The quick brown fox jumps over the lazy dog

Pack my box with five dozen liquor jugs

Sphinx of black quartz, judge my vow

When zombies arrive, quickly fax judge Pat.

The five boxing wizards jump quickly.

Mr. Jock, TV quiz PhD, bags few lynx.

The quick brown fox jumps over the lazy dog. This sentence contains every letter of the English alphabet. It is what's called a panagram. Fun fact: all of the lines above are panagrams. If you look closely you'll see that each character only appears once in each of them. I've chosen panagrams for this example because they show how all the characters in this font show up in a sentence. And I'm writing this text right now to show you an example paragaph but I'm running out of words to type so I'm justing writing whatever comes to my mind here kind of similar to how I write in the exam hall when I forgot everything I studied. The text in this paragraph is justify aligned which means the letters and words are spaced in such a way that each line perfectly matches the available space and it makes kind of like a box shape.

About WM Font

WM Font: It is a fully authentic font designed from the ground up by creator Arian Mollik Wasi. The font was initially created for the Typeface challenge at Hack Club. Wasi used the online tool Calligraphr to convert his handwriting into a digital font. To write the font, Wasi used a Samsung Galaxy S25 Ultra with a stylus, which allowed him to create precise and detailed strokes. The font contains 207 characters, including uppercase and lowercase letters, numbers, punctuation marks, and special symbols. Wasi personally uses special unicode characters a lot and thus he has included these characters in the font as well. Wasi has a personal website available at wasi-master.github.io where he showcases his coding projects.
License: The font is licensed under the SIL Open Font License (OFL). The code for this website is licensed under the MIT License. Both are open-source licenses that allow you to use, modify, and distribute the font and website code freely, as long as you comply with the terms of the license. The source code can be found on GitHub.

Drawing Sheets

Here are the drawing sheets from caligraphr that were used to create the font. You can click on the images to view them in full size.

Drawing sheet 1

Contains the first part of the initial letters and symbols in the first batch

Drawing sheet 2

Contains the second part of the initial letters and symbols in the first batch

Drawing sheet 3

Contains the first part of the next batch consisting of extra symbols

Drawing sheet 4

Contains the second part of the next batch consisting of extra symbols

Drawing sheet5

Contains an extra batch containing missed symbols and greek letters

Drawing sheet 6

The final batch of 1.0.0 containing blackboard bold characters and missed fractional characters

Drawing sheet 7

For version 1.1.0 that includes more glyphs.

Timelapse

A timelapse of the drawing process for WM Font

Watch how WM Font comes to life. This video is the combined footage of all of my drawing sessions. Screen recorded using the default screen recorder on Samsung Galaxy S25 Ultra. Watch me get stuck on even simple drawings (I don't have experience with drawing lol) and repeat them over and over again. The total footage was around 1 hours and 40 minutes but here I've increased the speed to 4x so you can actually enjoy watching this and not get bored. The 1.1.0 version has new glyphs that took me another 13 minutes to draw bringing the total time to 1 hour and 53 minutes.

207 Characters Drawn

1h 53m Time spent drawing

2500+ Lines of code

17+ hrs Time spent coding

∞ Time debugging

2 All-nighters pulled

View my other projects

Programmatic Use

You can use WM Font in your web projects by including it via CSS. Here's an example of how to include the font in your CSS:

      
@font-face {
  font-family: 'WM Font';
  src: url('./WmFont-Regular.woff2') format('woff2'),
      url('./WmFont-Regular.woff') format('woff'),
      url('./WmFont-Regular.ttf') format('truetype'),
      url('./WmFont-Regular.otf') format('opentype'),
      url('./WmFont-Regular.svg#WMFont') format('svg');
  font-weight: normal;
  font-style: normal;
}

After including the font, you can use it in your CSS like this:

      
body {
  font-family: 'WM Font', sans-serif;
}

Make sure to adjust the file paths in the `src` property to point to the correct location of the font files in your project relative to your CSS file.

Frequently Asked Questions

Here are the answers to some of the most common questions about WM Font

What is WM Font?

WM Font is a hand drawn font made by Arian Mollik Wasi. It was created for a font making contest called Typeface organized by Hack CLub

Can I use WM Font in my project?

Since WM font is licensed under the SIL Open Font License, you can use it, modify it, and distribute it for personal and commercial projects as long as you follow the terms of the license.

How do I install the font to my computer?

There are download links below, select the ttf or otf format and you should be able to install them to your computer. If you are on Mac, you should double-click the font file then click "Install Font". If you are on Windows, you can right-click the font file and select "Install".

How do I use the font on a website?

There are instructions above

Where do I report issues or request characters?

If you want to report issues with this font or request new characters, you can open an issue on GitHub repository

Can I sell items (like t-shirts or mugs) that feature this font?

Yes, you can sell items that feature this font. I'd love to see what you create.