Skip to content

hasinhayder/bangla-web-fonts

 
 

Repository files navigation

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

About

Making the web more beautiful, fast, and open through great Bengali typography.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 98.8%
  • HTML 1.2%