Blaka
Type with Purpose
Good typography guides attention, improves understanding, and makes communication effortless.
The Anatomy of a Typeface
By FontSide · June 2026
Every typeface is a system of decisions — about stroke contrast, x-height, spacing, and rhythm. The best ones feel invisible: you stop seeing the letters and start hearing the voice behind them. That transparency is the hardest thing to design.
A high x-height opens up the counters and makes small text breathe. Tight tracking pulls a headline together; loose tracking gives a caption room to exhale. None of these choices are accidents — they are arguments about how reading should feel.
Uppercase
Lowercase
Numerals
Symbols
Package Manager
The recommended way to use fonts in modern web projects.
1. Install Package
pnpm add @fontsource/blaka 2. Import in App
// Please select at least one weight and style 3. CSS Usage
body {
font-family: "Blaka", system-ui;
} Google Fonts CDN
Use Google's CDN to embed the fonts directly via HTML.
HTML <head>
<!-- Please select at least one weight and style --> Fontsource CDN
Skip the build step by adding this directly to your global CSS file.
Global CSS
/* Please select at least one weight and style */ Background & Story
Blaka is an experimental typeface, enriching the gothic feeling of Black Letters by enhancing the geometric features to create midgrounds with the Kufic style for the Arabic letterforms.
The aesthetical matching process between the two scripts relies on the features of being hand-drawn with a reed pen. While Latin letterforms maintain sharp edges, Arabic relies on sharp edges and thick strokes to create overlaps to replace a usual baseline in most letterforms, giving the Arabic letterforms contemporary features.
The font family comes in two styles, Blaka and Blaka Hollow, featuring an outlined version of the font. Blaka also comes in two variants, the usual monochrome variants as well as an Ink variant Blaka Ink. The Ink variant are color fonts where the colors are defined by the font itself. Support for color fonts is currently limited to few applications like Google Chrome (version 98 or later).
To contribute, see github.com/Gue3bara/Blaka.
Tags & Moods
Subsets
Install
pnpm add @fontsource/blaka Designed by
Mohamed Gaber
Links
License
OFL-1.1