상세 컨텐츠

본문 제목

[안드로이드] 내가 원하는 글씨체 폰트(Font) 적용하는 방법

안드로이드

by aries574 2022. 1. 19. 13:33

본문


이번 시간에는 안드로이드 스튜디오에 있는

기본 글씨체가 아닌 사용자가 원하는 폰트를

적용하는 방법에 대하여 알아보겠습니다.


목차

1. 실행 화면

2. 폰트 폴더 생성

3. 폰트 추가

4. 메인 화면 구성 activity_main.xml

5. 메인 코드 구현 MainActivity.java


1. 실행 화면



2. 폰트 폴더 생성

 res -> 마우스 오른쪽 -> New

 -> Folder -> Font Folder



3. 폰트 추가

  사용할 폰트(Font)를 폰트 폴더에 넣는다.

  폰트의 확장명은 ttf 파일이다.

  폰트의 이름은 소문자로 되어있어야 한다.

  폰트 구하는곳: https://noonnu.cc/

gmarket_sans_ttf_bold.ttf
2.40MB
gmarket_sans_ttf_light.ttf
2.30MB
gmarket_sans_ttf_medium.ttf
2.31MB

 

4. 메인 화면 구성 activity_main.xml

   xml에서 직접 폰트를 적용하려면

   fontFamily 속성을 사용하면 됩니다.

   @font/폰트명

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="16dp">

    <TextView
        android:id="@+id/bold_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:fontFamily="@font/gmarket_sans_ttf_bold"
        android:text="TTFBold"
        android:textSize="32sp" />

    <TextView
        android:id="@+id/medium_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:text="TTFMedium"
        android:textSize="32sp" />

    <TextView
        android:id="@+id/light_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:text="TTFLight"
        android:textSize="32sp" />

</LinearLayout>



5. 메인 코드 구현 MainActivity.java

   코드에서 폰트를 적용하려면

   1. 폰트를 가져와서 Typeface 타입의 변수에 담는다.

   2. 폰트가 담긴 변수를 해당 텍스트뷰에

   setTypeFace를 통해 적용시킨다.

public class MainActivity extends AppCompatActivity {

    TextView lightTextView, mediumTextView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        lightTextView = findViewById(R.id.light_text_view);
        mediumTextView = findViewById(R.id.medium_text_view);

        //폰트 가져오기
        Typeface lightFont = ResourcesCompat.getFont(this, R.font.gmarket_sans_ttf_light);
        Typeface mediumFont = ResourcesCompat.getFont(this, R.font.gmarket_sans_ttf_medium);

        //폰트 적용하기
        lightTextView.setTypeface(lightFont);
        mediumTextView.setTypeface(mediumFont);

    }
} //MainActivity

 

2022.01.14 - [안드로이드] - [안드로이드] 선택한 사진 가져와서 이미지 뷰(ImageView)에 보여주는 방법

 

[안드로이드] 선택한 사진 가져와서 이미지뷰(ImageView)에 보여주는 방법

이번 시간에는 휴대폰에 저장되어 있는 사진을 가져와서 이미지 뷰(ImageView)에 보여주는 방법을 알아보겠습니다. 목차 1. 실행 화면 2. 메인 화면 구성 activity_main.xml 3. 메인 코드 구현 MainActivity.jav

aries574.tistory.com

2022.01.15 - [안드로이드] - [안드로이드] 나만의 큐알코드(QR CODE) 만드는 방법

 

[안드로이드] 나만의 큐알코드(QR CODE) 만드는 방법

이번 시간에는 나만의 큐알코드(QR CODE)를 만드는 방법을 알아보겠습니다. 목차 1. 실행 화면 2. 라이브러리(Library) 등록 3. 메인 화면 구성 activity_main.xml 4. 메인 코드 구현 MainActivity.java 1. 실행..

aries574.tistory.com

2022.01.16 - [안드로이드] - [안드로이드] 큐알코드(QR CODE) 스캔하는 방법

 

[안드로이드] 큐알코드(QR CODE) 스캔 하는 방법

이번 시간에는 큐알코드(QR CODE) 스캔하는 방법에 대해 알아보겠습니다. 목차 1. 실행 화면 2. 라이브러리 등록 3. 권한 등록 4. 스캔 액티비티 추가 ScannerActivity 5. 메인 화면 구성 activity_main.xml 6...

aries574.tistory.com

 

반응형

관련글 더보기

댓글 영역