나눔(고딕, 명조, 바른고딕, 손글씨)폰트 안드로이드 설치파일 공개


얼마전 네이버에서 한글날을 맞이 하여 나눔바른고딕을 공개하여 설치파일을 만들어서 블로그에 공개 했던적이 있습니다. 너무 많이 관심을 가져주셔서 감사드림에 보답 하고자 이번에는 나눔폰트 모두 설치가능하도록 만들었습니다. 

네이버에서 공개한 모든 폰트가 지원됩니다. 지원 목록은 아래와 같습니다.

지원폰트

나눔고딕

나눔명조

나눔바른고딕

나눔손글씨 펜

나눔손글씨 붓

지원기기

삼성 갤럭시 시리즈(2013년 이후 출시된 일부 기기 미지원)

설치

Google Play Store에서 설치 (웹 링크)

Google Play Store에서 설치 (모바일 링크)

직접 다운로드

설정

환경설정 → 디스플레이 → 서체설정 

본 안드로이드 폰트설치 파일은 네이버에서 공개한 나눔폰트로 제작되었으며, 폰트에 어떠한 변경및 수정되지 않았습니다.



안드로이드 폰트설치 앱 만들기

폰트가 디자인의 큰 영역을 차지하는것은 사실이다. 같은 웹페이지더라도 폰트하나에 퀄리티가 확실하게 차이난다. 애플이 IOS에 산돌고딕체를 기본으로 탑제한 이유이기도하다. 안드로이드도 마찬가지다. 이번 넥서스7에는 네이버가 만든 나눔고딕을 기본으로 하고있다.


 


이 처럼 폰트에 따라 디자인이 죽고 산다. 안드로이드는 폰트에 대해 자유자체로 바꿀수 있는 점이 있으며, 삼성 갤럭시 시리즈에는 폰트 변경할 수 있는 설정페이지가 있다. 이외의 폰들이라면 루팅을 하거나 폰트를 바꿔주는 전문적인 앱을 설치 해야된다.


갤럭시 시리즈는 어떤식으로 폰트 설정을 하는 것일까라는 물음과 그 폰트를 설치하기위한 앱은 어떻게 개발하는가에 대한 궁금증이 들었다.


 


정답은 의외로 쉽다. 정해진 패키지명과 APK내부에 정해진 패턴의 폰트파일이 있으면 갤럭시는 자동으로 폰트를 감지하고 OS에서 폰트를 변경 해주는 시스템이다.


 


패키지명은 정해진 이름을 반드시 지켜야 된다. com.monotype.android.font.폰트명 으로 생성해야되며, 패키지명을 따르지 않으면 폰트 인식을 하지 못한다


assets 디렉토리에 정해진 패턴의 파일을 넣으면 된다. 폰트도 저작권이 있는 관계로 네이버에서 무료로 공개한 나눔고딕서체로 테스트를 해보겠다.


 



 


assets에 fonts와 xml 디렉토리는 각각 생성 후 fonts에는 폰트파일을 xml에는 NanumGothic.xml파일을 만든다. 단, 이름은 상관없다. 이제 xml디렉토리에 있는 xml파일을 잠시 살펴보자.


 



<?xml version=”1.0″ encoding=”utf-8″?>
<font displayname=”NanumGothic”>
<sans>
<file>
<filename>NanumGothic.ttf</filename>
<droidname>DroidSans.ttf</droidname>
</file>
<file>
<filename>NanumGothic.ttf</filename>
<droidname>DroidSans-Bold.ttf</droidname>
</file>
</sans>
</font>



 


font displayname은 폰트 선택시 사용할 이름을 적으면 된다. file에 보면 filenamedroidname이 있다.


안드로이드의 기본폰트는 일반 서체인 DroidSans.ttf와 Bold 서체인 DroidSans-Bold.ttf로 구성 되어 있는데, 여기서 filename은 기본폰트를 대체할 폰트파일이름을 적으면된다. fonts 디렉토리에 넣은 폰트파일을 적으면 되고, droidname은 대체당할 기본폰트파일명인 DroidSans.ttf로 설정한다.


 




 


설정-디스플레이-서체 설정에 보면 NanumGothic이 추가 된것을 확인 할 수있다. 한번더 말하는 거지만 삼성 갤럭시 시리즈에서만 작동한다.(다른 제조사도 이와같은 방법으로 OS를 구성했다면 될 수도있다.)





관련된 샘플코드들은 깃허브를 통해서 받아보면된다. 완성된 설치파일도 받아 보면된다.


 


Github – 샘플코드 APK 다운로드




 

나눔고딕 웹폰트 무료 호스팅 해주는 곳

블로그를 꾸미다보면 폰트도 자유자제로 바꾸고 싶은 욕심이 들것이다. 폰트도 저작권이 있어서 아무거나 넣기도 힘들다. 네이버에서 나눔서체를 무료로 배포 하고 있기때문에 나눔고딕을 폰트로 쓰면 좋은데, 초보자들에게는 쉽지 않다.

보통 브라우저별로 웹폰트 확장자가 다르기 때문에 브라우저별로 폰트 파일로 만들어서 업로드 한다음 CSS에서 폰트 로드되게 해야 한다. 하지만 이런 나눔고딕 폰트를 무료로 호스팅 해주는 Mobilis가 있기에 아래와 같이 쉽게 구현 할 수 있다.  직접 폰트파일을 업로드 하지 않아도 된다.

그리고 Font-Face 라는 곳을 추천한다. 이곳에도 쉽게 사용할 수 있도록 코드뿐만 아니라, 호스팅도 지원한다.

웹폰트는 사파리는 ttf, 크롬이나 파이어폭스는 woff라는 확장자를 가진다. 아래 코드는 IE를 제외한 브라우저는 무료로호스팅 하는 곳에서 웹폰트파일을 받아오고, IE는 직접 업로드 해서 불러온 것이다.

CSS의 가장 윗부분에 붙여넣으면 적용 된다.

/* 사파리 */
@font-face { 
    font-family:'NanumGothicWeb'; 
    font-style:normal; 
    font-weight:400; 
    src: url('http://api.mobilis.co.kr/webfonts/Nanum/NanumGothicCompact.ttf') format('truetype');
}

/* 크롬, 파이어폭스 */
@font-face { 
    font-family:'NanumGothicWeb'; 
    font-style:normal; 
    font-weight:400; 
    src: url('http://webfonts-cdn.mobilis.co.kr/webfonts/Nanum/NanumGothicCompact.woff') format('woff');
}

/* IE */
@font-face {
    font-family:나눔고딕, 
    MalgunGothic; 
    src:local('나눔고딕'), url(./images/NanumGothic.eot) format('truetype');
};



@charset "utf-8";

*{
        font-family: 'NanumGothicWeb', 나눔고딕;
}

body {
        font-family: 'NanumGothic', 나눔고딕;
}

div {
        font-family: 'NanumGothic', 나눔고딕;
}