VO7E
A
익명님이 2022-05-09에 작성

Material UI 같은 CSS 라이브러리를 사용할 때, 기본 폰트 변경하는 법

css,프레임워크,nodejs,npm,material ui

최근의 CSS 프레임워크에서는 node js와 연동시켜 사용할 수 있게 되어 있습니다.

이 경우, 보통은 Sass(Scss)형태로 컴파일을 해야하는 작업을 펼쳐야 합니다. 그럴 때 라이브러리에서 전체 적용할 폰트를 사이트 기본 폴더에서 불러오고 싶다면 머터리얼 UI 기준으로

html,body{

.............내용생략,

--mdc-typography-font-family: '위에서link rel로 포함한 폰트패밀리 이름', "Roboto", sans-serif;

}

처럼 설정해 주시면 됩니다.

자세한 사항은 아래 페이지를 참조해 주세요. 다만 경험상 CSS custom을 제외하고는 작동하지 않았습니다.

https://material.io/develop/web/guides/typography#typography-styles
Total 1

좋아요

댓글
Drag and drop files here or click
A
익명
2022-05-09에 작성

도움이 되었습니다!

익명님, 안녕하세요!

로그인 하시면 작성된 글을 수정할 수 있습니다.

VO7E Recent Post

작성된 최신글을 확인하세요!

사이트 TIP

This site made with Mudblazor!

An error has occurred. This application may no longer respond until reloaded. Reload 🗙