Flutter

[Flutter] 텍스트 폰트 설정하기

미로910 2024. 11. 6. 16:03
 

Browse Fonts - Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com


폰트를 정하고 다운을 받아줍니다

➡️ 압축을 해줘해준 후

assets 파일 -> fonts 파일 -> 다운 받은 폰트를 넣어줍니다

fonts:
    - family: LilitaOne
      fonts:
        - asset: assets/fonts/LilitaOne-Regular.ttf

pubspec.yaml 파일에 코드를 적어줍니다

Text(
  'YAYoung',
  style: TextStyle(
    color: Color(0xFF104B3A),// #104B3A 색상 지정
    fontSize: 30,
    fontWeight: FontWeight.bold,
    fontFamily: 'LilitaOne',
  ),
),

fontFamily: 'LilitaOne' 

아까 yaml 파일에 적어둔 family를 넣어주면 됩니다.