Arabic-fonts NPM

Quick Installation

npm install arabic-fonts;

Usage

import React from "react";
import "arabic-fonts/src/css/arabic-fonts.css";

const ArabicFont = () => {
  return (
    <div>
      <p className="font-indopak">بِسۡمِ اللهِ الرَّحۡمٰنِ الرَّحِيۡمِ</p>
      <p className="font-muhammadi">بِسۡمِ اللهِ الرَّحۡمٰنِ الرَّحِيۡمِ</p>
      <p className="font-noorehira">بِسۡمِ اللهِ الرَّحۡمٰنِ الرَّحِيۡمِ</p>
    </div>
  );
};

export default ArabicFont;

Documentation

To use the package, simply install it via npm and import the desired font(s) into your project. The package is designed to be easy to integrate with popular web development frameworks and libraries, such as React, Angular, and Vue.

import "arabic-fonts/src/css/arabic-fonts.css"; // Import CSS in JSX

<span className="font-indopak">بِسۡمِ اللهِ الرَّحۡمٰنِ الرَّحِيۡمِ</span> // Indo-Pak Font

<span className="font-muhammadi">بِسۡمِ اللهِ الرَّحۡمٰنِ الرَّحِيۡمِ</span> // Muhammadi Font

<span className="font-noorehira">بِسۡمِ اللهِ الرَّحۡمٰنِ الرَّحِيۡمِ</span> // Noorehira Font

Overall, Arabic-Fonts is a powerful tool for developers working on projects that require Arabic language support. With its wide selection of fonts, customizable options, and regular updates, Arabic-Fonts can help developers create visually stunning and effective Arabic content for their users.

Features Of Arabic-Fonts

Wide selection of fonts: Arabic-Fonts could offer a wide variety of Arabic fonts to choose from, including different styles, weights, and variations.

Easy integration: The package could be easy to integrate with popular web development frameworks and libraries, such as React, Angular, and Vue.

Regular updates: Regular updates add new Arabic fonts and features.

High-quality typography: Arabic-Fonts optimized for high-quality typography and visual appeal.

Documentation and support: Provide tutorials, examples, and support team for Arabic-Fonts to assist developers in using the package quickly and easily.