flutter 한글폰트 사용하기

열심이·2023년 4월 11일

Flutter에서 한글 폰트를 사용하려면 다음과 같은 단계를 수행해야 합니다.

한글 폰트 파일 준비
먼저 사용하려는 한글 폰트 파일을 준비해야 합니다. TTF 또는 OTF 형식의 파일을 사용할 수 있습니다. 예를 들어, 무료로 사용할 수 있는 '나눔 고딕' 폰트를 사용하려면 나눔 고딕의 TTF 파일을 다운로드하세요.

프로젝트에 폰트 파일 추가
다운로드한 폰트 파일을 프로젝트의 폴더 내에 추가해야 합니다. 'fonts'라는 새로운 폴더를 생성한 다음, 폰트 파일을 이 폴더에 넣으세요.

프로젝트 구조는 다음과 같이 보일 것입니다:

my_flutter_project/
  fonts/
    NanumGothic.ttf
  lib/
  pubspec.yaml

pubspec.yaml 파일에 폰트 추가
프로젝트의 pubspec.yaml 파일을 열어 다음과 같이 'fonts' 섹션에 폰트를 추가하세요.

flutter:
  uses-material-design: true
  fonts:
    - family: NanumGothic
      fonts:
        - asset: fonts/NanumGothic.ttf

앱에서 폰트 사용
이제 앱에서 한글 폰트를 사용할 수 있습니다. 예를 들어, 텍스트 스타일을 변경하여 새로운 폰트를 적용할 수 있습니다.

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('한글 폰트 사용 예제')),
        body: Center(
          child: Text(
            '안녕하세요! 나눔고딕 폰트를 사용 중입니다.',
            style: TextStyle(
              fontSize: 24,
              fontFamily: 'NanumGothic',
            ),
          ),
        ),
      ),
    );
  }
}

위의 예제에서 'NanumGothic'이라는 이름으로 폰트를 사용하고 있습니다. 이제 앱에서 한글 폰트가 적용된 것을 확인할 수 있습니다.

profile
열심이하는자

0개의 댓글