Git Product home page Git Product logo

bangla-web-fonts's Introduction

Bangla Web Fonts

The aim of this project is making the web more beautiful, fast, and open through great Bengali typography with one of the fastest Global CDN. Currently, the following fonts are supported (though more fonts are coming soon).

AdorshoLipi

AdorshoLipi

Font Source: cgimagine

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/adorsho-lipi/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/adorsho-lipi/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'AdorshoLipi', sans-serif;

Example

body {
    font-family: 'AdorshoLipi', Arial, sans-serif !important;
}

AponaLohit

AponaLohit

AponaLohit is basically the Lohit font from Ekushey with additional hinting for better look on screen. This is some wthat Unicode equivalent of popular Boishakhi font. TrueType hintings have been initiated by Ershadul Haq and later improved by Alamgir Mohammed.

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/apona-lohit/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/apona-lohit/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'AponaLohit', sans-serif;

Example

body {
    font-family: 'AponaLohit', Arial, sans-serif !important;
}

Bangla

Bangla

Font Source: PfEd

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/bangla/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/bangla/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'Bangla', sans-serif;

Example

body {
    font-family: 'Bangla', Arial, sans-serif !important;
}

BenSen

BenSen

Developer: Subrata Sen

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/bensen/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/bensen/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'BenSen', sans-serif;

Example

body {
    font-family: 'BenSen', Arial, sans-serif !important;
}

CharuChandan3D

CharuChandan3D

Font Source: Charu Chandan

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/charu-chandan-3d/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/charu-chandan-3d/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'CharuChandan3D', sans-serif;

Example

body {
    font-family: 'CharuChandan3D', Arial, sans-serif !important;
}

CharuChandanHardStroke

CharuChandanHardStroke

Font Source: Charu Chandan

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/charu-chandan-hard-stroke/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/charu-chandan-hard-stroke/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'CharuChandanHardStroke', sans-serif;

Example

body {
    font-family: 'CharuChandanHardStroke', Arial, sans-serif !important;
}

CharukolaUltraLight

CharukolaUltraLight

Font Source: Charu Chandan

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/charukola-ultra-light/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/charukola-ultra-light/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'CharukolaUltraLight', sans-serif;

Example

body {
    font-family: 'CharukolaUltraLight', Arial, sans-serif !important;
}

EkusheyLohit

EkusheyLohit

Glyphs of Ekushey Lohit font has been taken from Lohit Bengali designed by Automatic Control Equipments. Unicode conversion was done by Ekushey. The font is distributed under SIL Open Font License, v1.0. Font Source: Free Bangla Font Project

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/ekushey-lohit/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/ekushey-lohit/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'EkusheyLohit', sans-serif;

Example

body {
    font-family: 'EkusheyLohit', Arial, sans-serif !important;
}

Kalpurush

Kalpurush

Font designed by - Md. Tanbin Islam Siyam. Developed Under Avro Free Bangla Font Project. Source: OmicronLab

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/kalpurush/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/kalpurush/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'Kalpurush', sans-serif;

Example

body {
    font-family: 'Kalpurush', Arial, sans-serif !important;
}

Mukti

Mukti

Developed by Dr. Anirban Mitra. Font Source: Free Bangla Font Project

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/mukti/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/mukti/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'Mukti', sans-serif;

Example

body {
    font-family: 'Mukti', Arial, sans-serif !important;
}

SiyamRupali

SiyamRupali

Font Hinted by - Md. Tanbin Islam Siyam. Modified version of Rupali Bangla font. Developed Under Avro Free Bangla Font Project. Source: OmicronLab

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/siyam-rupali/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/siyam-rupali/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'SiyamRupali', sans-serif;

Example

body {
    font-family: 'SiyamRupali', Arial, sans-serif !important;
}

SolaimanLipi

SolaimanLipi

SolaimanLipi is designed by Solaiman Karim. Later, Saif Hassan updated the font. The font is distributed under GPL v2. Font Source: http://ekushey.org/

Embed Font

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

STANDARD
<link href="https://fonts.maateen.me/solaiman-lipi/font.css" rel="stylesheet">
Or, IMPORT in CSS
<style>
@import url('https://fonts.maateen.me/solaiman-lipi/font.css');
</style>

Specify in CSS

Use the following CSS rules to specify these families:

font-family: 'SolaimanLipi', sans-serif;

Example

body {
    font-family: 'SolaimanLipi', Arial, sans-serif !important;
}

Contributors

Conversion to eot, svg, woff by Maksudur Rahman Maateen

CSS rules for fonts written by Maksudur Rahman Maateen

Core ttf Fonts have been developed by various developers, known developers have been stated above already. We show respect and bow to them.

Project HomePage: https://fonts.maateen.me/

Issue Tracker: https://github.com/maateen/bangla-web-fonts/issues

bangla-web-fonts's People

Contributors

maateen avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.