메뉴 건너뛰기

HEUKMYO

Mobile

font WebView 폰트 사용

2016.01.26 10:39 read.1501

WebView 폰트 사용

Chrome, Safari 에서 웹 폰트를 사용하기 위해서는 css 파일에 다음과 같이 font-face를 지정하고 사용하면 가능하다.
폰트 종류는 데스크탑 브라우저에서는 woff, ttf 가 가능하고, iOS 모바일 브라우저에서도 woff가 가능하지만, 안드로이드에서는 ttf만 적용 가능하다. 

그리고 반드시 font-face에서 format('ttf') 속성을 제거해야만 사용이 가능하다.

@font-face{ font-family: '나눔손글씨 펜'; font-weight: normal; font-style: normal; src:url('NanumPen.ttf');}



안드로이드 웹뷰에서 폰트 미적용으로 고생하고 있다면 이것으로 처리하자.
url 은 app 내에 assets 파일에 포함할 수도 있고, 웹 서버가 있다면 url 경로로 지정할 수 있다.

예)  @font-face{ font-family: '나눔손글씨 펜'; font-weight: normal; font-style: normal; src:url('file:///android_asset/NanumPen.ttf');}



폰내에서 로컬서버를 띄우던, file:// 로 서비스를 하던, 원격 서버의 url을 가지던 동일하게 동작한다. 

이걸로 내가 잃어버린 시간을 누군가 세이브 하시길...
위로