하루에 0.01%라도 성장하자

Develop/Android

Android font 적용, 변경하기!

뚠님 2019. 12. 3. 16:07
반응형

나는 디자인적인 감각이 많이 없는것 같다... 후..

어플을 만들거나 영상을 만들 때 가장 신경쓰이는 것이 글씨체. 신경은 쓰이지만 잘 못함..

최근 만들어 놨던 개인 앱의 폰트를 변경하면서 간단하지만 글을 남긴다.

 


 

글씨체 선택

내가 선택한 폰트는 '티몬 몬소리체'.

 

티몬 몬소리체

약간 고딕체? 느낌 나는 글씨체를 원했는데, bold처리를 하지 않아도 충분히 굵은 글씨체이며 끝이 둥그스름한게 딱 내스타일.. 한동안 이거 쓸거 같음..

 

관련 링크는 아래에 남긴다.

 

https://brunch.co.kr/@creative/32

 

티몬 글꼴 무료 배포

티몬 전용 글꼴 2종을 무료로 다운받아 보세요. (딩벳버전 업데이트) | 1. 티몬이 드리는 첫 번째 선물 : 티몬 몬소리체 티몬 몬소리체는 우리가 잊고지낸 몬스터 세계의 언어 '몬소리' 를 컨셉으로 만들어진 글꼴 입니다. ‘맘마무이잇이음냐음냐음읗’ 이게 몬소리? 이 귀여운 아기들이 내는 소리는 사실, 티모니의 언어, 몬소리입니다. 몬소리 이야기 동영상 보기 어른이 된 우리는 커가면서 몬소리를 잊었지만, 지치고 힘들 때,

brunch.co.kr

 

글씨체 적용

 

우선 글씨체를 다운받는다.

 

티몬 몬소리체

 

다운받은 파일의 압축을 풀어주면 이렇게 파일이 생긴다.

 

이 파일을 Android res 폴더에 넣을 예정인데, 그전에 대문자를 소문자로 변경해준다. 

 

이후 Android Project 안에 res - font (없으면 만들어야 함) 파일에 넣어준다.

 

 

 

그리고 xml 파일을 만들어 아래와 같이 코딩한다. 

font-family를 xml 형태로 관리해도 되고 layout 자체에서 그냥 옵션값으로 줘도 상관 없다. 다만 모든 코드가 그러하듯 반복적으로 들어가야 하는 옵션이라면 이렇게 하나를 만들어서 넣어 주면 좋다.

 

<font-family xmlns:android="http://schemas.android.com/apk/res/android">
    <font
        android:font="@font/tmonmonsori"
        android:fontStyle="normal"
        android:fontWeight="400" />
</font-family>



// 적용하기 
<Button
    android:id="@+id/textBtn"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:font_family="@font/xml파일명"
    android:text="테스트">

 

이런식으로 설정한 xml 파일명을 넣어 사용하면 된다.

 

이거 외에도 style을 통해서 설정이 가능하다.

<style name="MainTitle">
    <item name="android:fontFamily">@font/tmonmonsori</item>
    <item name="android:textSize">60sp</item>
    <item name="android:textColor">@color/mainFontColor</item>
    <item name="android:lineSpacingExtra">0dp</item>
</style>



//적용 하기

<Button
    android:id="@+id/textBtn"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    style="@style/SubTitle"
    android:text="테스트">

 

반응형