본문 바로가기
프로그래밍/Flutter & Dart

[Flutter] Font 적용하기 / Noto Sans CJK KR 공식 다운로드

by 소꿍 2021. 8. 15.

1. 먼저 사용할 폰트를 다운로드한다.

나는 Noto Sans CJK KR을 사용했는데, 아래 링크에서 다운로드할 수 있다.

https://www.google.com/get/noto/#/family/noto-sans-kore

 

Google Noto Fonts

When text is rendered by a computer, sometimes characters are displayed as “tofu”. They are little boxes to indicate your device doesn’t have a font to display the text. Google has been developing a font family called Noto, which aims to support all

www.google.com

 

다운로드한 폴더의 압축을 풀면 이런 .otf 파일들이 들어 있다.

 

2. 프로젝트 폴더에 font 폴더를 새로 만들고, 필요한 폰트 파일을 넣어 준다.

나는 아예 NotoSansCJKkr 폴더도 함께 넣었다.

 

3. 그리고 pubspec.yaml에서 폰트를 추가한다. (자신의 디렉토리에 맞는 폰트 경로 확인)

친절하게 example 형식도 적혀 있다.

 

4. 적용하는 방법

1) 특정 텍스트에 적용

// pubspec.yaml에서 family에 적었던 이름을 사용한다.
style: TextStyle(fontFamily: 'font')

 

2) 전체 적용

main.dart의 theme: ThemeData에 fontFamily를 명시한다.

댓글