주의

이 문건은 과거 Hexo 블로그 (2017-11-15) 에서 이동된 문서입니다.

시간이 지남에 따라 최신 기술과 다를 수 있으니 주의 바랍니다.

안드로이드에서 Font Awesome을?

웹 개발을 할 때 아이콘 같은 것을 표시하기 위해서 Font Awesome을 많이 사용했습니다.

이것을 안드로이드에서도 사용할 수 있는데 어떻게 쓰는지 알아보도록 하겠습니다.

Ready?

실습 환경은 다음과 같습니다.

• OS : Mac OS Sierra
• Android Studio 2.3.3

일단 안드로이드 프로젝트 생성 및 기타 설정은 생략하도록 하겠습니다.

기존의 프로젝트 또는 예제를 하나 생성하여 시작한다는 가정하에 진행하도록 하겠습니다.

또한 Text View에 아이콘을 올려보는 것을 목표로 합니다.

How to use?

{% asset_img img01.png fontawesome %}

Font Awesome의 아이콘 중 Bell(위 이미지)을 구현해보는 것을 목표로 하겠습니다.

1. Font Awesome 사이트에서 다운로드 후 압축을 풀고 fonts라는 디렉토리에서 fontawesome-webfont.ttf 파일을 확인합니다.

2. Font Awesome 사이트에서 Bell을 확인할 때 아래 사진에서 Unicode 부분의 값을 확인해두도록 합니다. (여기선 f0c9)

   {% asset_img img02.png fontawesome %}

3. 스튜디오 프로젝트에 assets 디렉토리에 fontawesome-webfont.ttf파일을 추가해줍니다.

4. res 디렉토리에서 strings.xml에 값을 추가해줍니다.. 예제 : <string name="fa_bell">&#xf0c9;</string> 유니코드 앞에 &#x를 붙이고, 끝에는 세미콜론(;)을 붙여줍니다.

5. 그 후 XML에서 TextView를 추가하고 속성에 android:text="@string/fa_bell"을 추가해줍니다.

6. 구현할 Activity에서 Typeface를 추가해주도록 합니다. 예제 : Typeface fontAwsome = Typeface.createFromAsset(getAssets(), "fontawesome-webfont.ttf"); Typeface.createFromAsset의 두 번째 인자는 1번에서 추가한 파일명을 넣어줍니다.

7. 구현할 Activity에서 5번의 TextView의 속성에 setTypeface() 속성을 추가해줍니다. 예제 : someTv.setTypeface(fontAwsome);

위와 같은 과정을 마치고 앱을 구동해보면 정상적으로 나올 것입니다.