Breaking News: Grepper is joining You.com. Read the official announcement!

add ttf font in react project

Add Answer

Puzzled Pygmy answered on January 10, 2021 Popularity 9/10 Helpfulness 1/10

answer add ttf font in react project

related how to add custom font to react project

related add font in react

add ttf font in react project

Comment

declare module "*.woff2"

Popularity 9/10 Helpfulness 1/10 Language typescript

Source: lewislbr.dev

Tags: add project typescript

Link to this answer
Share Copy Link

Contributed on Oct 19 2022

Puzzled Pygmy

0 Answers Avg Quality 2/10

Closely Related Answers

how to add custom font to react project

Comment

@font-face {
  font-family: "AssistantRegular";
  src: local("AssistantRegular"),
    url("./fonts/assistant.regular.ttf") format("truetype");
  font-weight: normal;
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Jan 10 2021

Kami

0 Answers Avg Quality 2/10

add font in react

Comment

add font in react

/*
Create src/fonts
Add fonts.css in it.
Import your fonts from url or define them from files directly...
... in this fonts.css.
Import this file in src/index.js.

See below for example contents of fonts.css;

 
*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");

 /* ------ or ------ */

@font-face {
font-family: "GoldmanBold";
src: local("GoldmanBold"),
 url("./fonts/Goldman/Goldman-Bold.ttf") format("truetype");
font-weight: bold;
}

// Now you are free to use them in any element;

    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;

/* ------ or ------ */

    font-family: "GoldmanBold"
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: add

Link to this answer
Share Copy Link

Contributed on Feb 02 2023

Salih Zorer

0 Answers Avg Quality 2/10

add ttf font in react project

Contents

More Related Answers

add ttf font in react project

Closely Related Answers

how to add custom font to react project

add font in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.