Skip to content
Fontsource Logo

Installation

Install the static version of this font by running the following command:

npm install @fontsource/charis-sil
sh

Import

Include the following line in the root layout of your project to import the font:

400
700
italic
import '@fontsource/charis-sil';
jsx

CSS

Include the CSS in your project by adding the following line to your project:

body {
  font-family: 'Charis SIL', serif;
}
css

Font Details

Download Icon

Downloads: 3.57K

Edit Icon

Last Modified: 2025-05-30