[flutter] 플러터에서 커스텀 폰트(글씨체) 적용하기 / pubspec 파일 fontfamily 설정

이미지를 넣을 때와 비슷하다. assets 폴더 내부에, 다른 이미지 등과 구분하여 관리하기 위해 폴더를 생성하고, 그 하위에 글씨체 파일을 넣어준다.

폰트 폴더

그리고 pubspec.yaml에 들어가서 flutter 하위의 fonts에 아래 Tab 칸을 잘 지켜 넣도록 한다. family 앞에 짓고 싶은 이름을 넣어주고, 그 다음주에 fonts를 넣어 글씨체 묶음을 정의해준다. 

 

- assets 줄에는 글씨체의 주소를 넣는다.

pubspec.yaml

fonts : 이 flutter : 의 하위에 있음에 주의한다.

Tab을 잘 지켜서 적어주자.

반응형

pubspec.yaml 파일에서 수정한 항목이 생기면 Pub get 도는 Upgrade를 해주는 것을 잊지 말자. 

 

실제 dart파일에는 아래와 같이, TextStyle의 속성으로 fontFamily를 설정, 그 이름을 문자열로 적어준다.

적용된 이미지

실제로 글씨체가 잘 적용되었다 !

 

 

 

 

 

 

 

---

오류, 질문이 있으면 댓글달아주세요

구독은 항상 환영입니다 :)

---