본문 바로가기

카테고리 없음

폰트 변경

기출문제 풀이하는 어풀을 만들기 위해서 시험지와 비슷한 폰트로 변경하려고 합니다. 국가시험에는 신명조가 사용되네요. 하지만, 신명조는 가독성이 조금 떨어지는것 같아 명조폰트 계열의 네이버 글꼴의 "마루부리"폰트로 변경하기로 하였습니다.

 

 

 

 

 

 

폰트변경

 

1. 폰트다운로드

저작권에 자유로운 네이버글꼴 "마루 부리"를 사용할 예정이라서 폰트를 다운로드 합니다.

https://hangeul.naver.com/font

 

네이버 글꼴 모음

네이버가 만든 150여종의 글꼴을 한번에 만나보세요

hangeul.naver.com

 

 

압축되어 있습니다. 압축을 풀어 폰트만 복사 붙여 넣기를 합니다.

 

 

2. 폰트 저장

다운로드한 폰트 파일(.ttf)을 프로젝트의 assets/fonts 폴더에 저장합니다. (폴더가 없으면 생성하세요.)

assets 폴더와 fonts 폴더 두개를 생성했습니다.

 

 

 

3.  pubspec.yaml 수정

flutter:
  fonts:
    - family: MaruBuri
      fonts:
        - asset: assets/fonts/MaruBuri-Regular.ttf

 

 

 

4. 폰트적용

이제 앱의 스타일을 설정할 때 "MaruBuri" 폰트를 사용하도록 수정합니다. 예를 들어, main.dart 파일에서 텍스트 스타일을 설정할 수 있습니다.

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        fontFamily: 'MaruBuri', // 기본 폰트 설정
      ),
      home: const HomeScreen(),
    );
  }

ThemeData를 사용하여 기본 폰트를 설정합니다.