0%

Android에서 Font Awesome 사용하기

안드로이드에서 Font Awesome을?

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

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


Ready?

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

  • OS : Mac OS Sierra
  • Android Studio 2.3.3

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

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

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


How to use?

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

  1. Font Awesome 사이트에서 다운로드 후 압축을 풀고 fonts라는 디렉토리에서 fontawesome-webfont.ttf 파일을 확인합니다.
  2. Font Awesome 사이트에서 Bell을 확인할 때 아래 사진에서 Unicode 부분의 값을 확인해두도록 합니다. (여기선 f0c9)
  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);

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