DOCSEARCHbyAlgolia
Submit Docs

Vazirmatn

repository·master·Indexed 23 days ago

https://github.com/rastikerdar/vazirmatn

A simple and legible Persian/Arabic typeface designed for web pages and applications, based on DejaVu Sans and incorporating Roboto for Latin glyphs. Available as an npm package, CDN link, or manual download, Vazirmatn includes multiple weights, a variable font version, and specialized variants such as UI, Round-Dots, and Farsi-Digits. Released under the Open Font License (OFL) from version 27 onwards.

Tokens
5.5K
Snippets
13
Records
44
Agent score
84%

What's inside vazirmatn

  2. Use Vazirmatn UI version for better UI alignment

    master

    Standard Persian/Arabic fonts often have larger vertical footprints due to ascenders, descenders, and diacritics, which can cause misalignment with Latin fonts in User Interfaces.

    The UI version of Vazirmatn is available in the UI folder; it has reduced height to minimize the vertical discrepancy between Persian and Latin characters in software interfaces.

  3. Build Vazirmatn fonts using Make

    master

    To perform a full build of the Vazirmatn fonts, clone the repository and run the make all command. This executes the following sequence: make fonts, make rd-fonts, and make zip.

    git clone https://github.com/rastikerdar/vazirmatn.git
cd vazirmatn/
make all

  4. Install Vazirmatn via CDN

    master

    You can include Vazirmatn in your HTML using a CDN link. For the current version, use the following link in your <head> section:

    <link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css" rel="stylesheet" type="text/css" />

  5. Use Vazirmatn Variable Font in Web via CSS @font-face

    master

    To use the Vazirmatn Variable font in your web projects, define it using the @font-face rule in your CSS. You can use local files or a CDN. The variable font allows you to specify any weight between 100 and 900.

    /* Standard Version */
@font-face {
  font-family: 'Vazirmatn';
  src: url('fonts/webfonts/Vazirmatn[wght].woff2') format('woff2 supports variations'),
       url('fonts/webfonts/Vazirmatn[wght].woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Round-Dots Version */
@font-face {
  font-family: 'Vazirmatn RD';
  src: url('Round-Dots/fonts/webfonts/Vazirmatn-RD[wght].woff2') format('woff2 supports variations'),
       url('Round-Dots/fonts/webfonts/Vazirmatn-RD[wght].woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

  11. Install Vazirmatn on Windows

    master

    To install the font on a Windows system:

    1. Open the main file or the compressed archive you downloaded.
    2. Navigate to the fonts/ttf folder.
    3. Open the .ttf files and click the Install button in the font preview window.

    Alternatively, select all .ttf files and move them directly to the windows/fonts directory.

  12. Identify Vazirmatn font variants and directory structures

    master

    The Vazirmatn font package provides several specialized versions to suit different design requirements. Use the following directory paths to locate specific variants:

    • Main (اصلی): The standard version including Latin characters. Located in fonts.
    • Round-Dots (نقطه‌گرد): The standard version with circular dots. Located in Round-Dots/fonts.
    • Farsi-Digits (تمام ارقام فارسی): Replaces all Latin and Arabic digits with Persian digits. Located in misc/Farsi-Digits.
    • Non-Latin (بدون لاتین): A version where Latin characters have been removed. Located in misc/Non-Latin.
    • UI: A version optimized for lower line height/vertical space. Located in misc/UI.
    • Combined (ترکیبی): Custom combinations of the above. For example, misc/UI-Farsi-Digits-Non-Latin provides the UI version with Persian digits and no Latin characters.