Documentation

Bangla Web Fonts provides a collection of high-quality Bangla fonts that can be easily integrated into any website. Follow this guide to use any font from our collection efficiently.

Introduction

Bangla Web Fonts provides a collection of high-quality Bangla fonts that can be easily integrated into any website. Follow this guide to use any font from our collection efficiently.

This example uses Solaiman Lipi, but many more fonts are available. To explore all available fonts, visit: banglawebfonts.pages.dev

1. Using a Bangla Font (Default)

Include the following <link> tag inside the <head> section of your HTML file:

<link href="https://banglawebfonts.pages.dev/css/solaiman-lipi.css" rel="stylesheet">

Alternatively, use @import in CSS:

@import url('https://banglawebfonts.pages.dev/css/solaiman-lipi.css');

2. Using a Bangla Font (Minified Version)

For better page speed, use the minified version:

<link href="https://banglawebfonts.pages.dev/css/solaiman-lipi.min.css" rel="stylesheet">

Or using @import in CSS:

@import url('https://banglawebfonts.pages.dev/css/solaiman-lipi.min.css');

3. Using an English Font with a Bangla Font

If you want to use an English font alongside a Bangla font, place the English font before the Bangla font in the font-family property.

Example: Using "Playfair Display" for English and "Solaiman Lipi" for Bangla:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
<link href="https://banglawebfonts.pages.dev/css/solaiman-lipi.css" rel="stylesheet">

body {
    font-family: 'Playfair Display', 'Solaiman Lipi', serif;
}

4. Full Example in HTML

<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bangla Web Font Example</title>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">
    <link href="https://banglawebfonts.pages.dev/css/solaiman-lipi.css" rel="stylesheet">
    <style>
        body {
            font-family: 'Playfair Display', 'Solaiman Lipi', serif;
        }
    </style>
</head>
<body>
    <h1>বাংলা ওয়েব ফন্ট ব্যবহার</h1>
    <p>This is an English sentence.</p>
    <p>এটি একটি বাংলা লেখা যা Solaiman Lipi ফন্ট ব্যবহার করে প্রদর্শিত হচ্ছে।</p>
</body>
</html>