---
name: Rakkas
date_added: 2018-10-22
category: Display
styles: 1
weights: [{ weight: 400, name: 'Regular' }]
latest_release: { version: 'v1.001', date: '10 Apr 2016' }
project_url: https://github.com/zeynepakay/Rakkas
g_fonts_url: https://fonts.google.com/specimen/Rakkas
creator: { name: 'Zeynep Akay', url: 'http://theruqahproject.com' }
description: Rakkas is a single-weight display typeface supporting both Arabic and Latin scrips. The Latin is based on a blackletter style, but borrows heavily from the Arabic design, with heavy calligraphic strokes.
---

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top'>
    <p class='name'>Standard Ligatures</p>
    <p class='code'>font-feature-settings: 'liga', 'clig';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>fl</span> <span class='liga'>fl</span></div>
  </div>
</div>

<div class='type-detail-table gr3 gc6'>
  <div class='meta dark top'>
    <p class='name'>Discretionary Ligatures</p>
    <p class='code'>font-feature-settings: 'dlig';</p>
  </div>
  <div class='examples flow-row'>
    <div><span class='fade'>fj</span> <span class='dlig'>fj</span></div>
    <div><span class='fade'>fm</span> <span class='dlig'>fm</span></div>
    <div><span class='fade'>fn</span> <span class='dlig'>fn</span></div>
    <div><span class='fade'>fr</span> <span class='dlig'>fr</span></div>
    <div><span class='fade'>ft</span> <span class='dlig'>ft</span></div>
    <div><span class='fade'>fu</span> <span class='dlig'>fu</span></div>
    <div><span class='fade'>gf</span> <span class='dlig'>gf</span></div>
    <div><span class='fade'>gi</span> <span class='dlig'>gi</span></div>
    <div><span class='fade'>tt</span> <span class='dlig'>tt</span></div>
    <div><span class='fade'>TT</span> <span class='dlig'>TT</span></div>
  </div>
</div>

<div class='type-detail-table examples-figures gr5 gc6'>
  <div class='meta dark top'>
    <p class='name'>Figures</p>
  </div>
  <div class='examples flow-column flow-center'>
    <div>
      <h1 class='oldstyle-proportional'>1234567890</h1>
      <p class='character-label'>Proportional Oldstyle: 'pnum', 'onum'</p>
    </div>
    <div>
      <h1 class='lining-proportional'>1234567890</h1>
      <p class='character-label'>Proportional Lining  (default): 'pnum', 'lnum'</p>
    </div>
    <div>
      <h1 class='fractions'>1/2 1/4 3/4</h1>
      <p class='character-label'>Fractions: 'frac'</p>
    </div>
    <div>
      <h1><span class='fade'>A</span><span class='superscript'>1234</span></h1>
      <p class='character-label'>Superscripts: 'sups'</p>
    </div>
  </div>
</div>

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top'>
    <p class='name'>Ordinals</p>
    <p class='code'>font-feature-settings: 'ordn';</p>
  </div>
  <div class='examples ordinals flow-row'>
    <div><span class='fade'>3a</span> <span class='ordinals'>3a</span></div>
    <div><span class='fade'>4o</span> <span class='ordinals'>4o</span></div>
  </div>
</div>

<div class='type-detail-table gr2 gc6'>
  <div class='meta dark top flex-row'>
    <p class='name'>Special Characters</p> <a href='glyphs/' class='glyph-explorer'>Explore all characters</a>
  </div>
  <div class='examples flow-row'>
    <div class='ms5'><span>&para;</span> <p class='code'>&amp;para;</p></div>
    <div class='ms5'><span>&sect;</span> <p class='code'>&amp;sect;</p></div>
  </div>
</div>