모바일용 웹페이지 폰트

1. 화면 확대 금지

<META NAME="viewport" CONTENT="width=device-width;
initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />


2. global CSS 설정
<STYLE TYPE="text/css">
* {
  -webkit-text-size-adjust:none; // 화면 회전시 폰트 크기 그대로
  margin:0;
  padding:0;
  font-family:NanumGothic,"나눔고딕","Malgun
 Gothic",Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothi
c;

  }
</STYLE>


3. 폰트 CSS 설정
body { word-wrap:break-word; word-break:break-all; }
body, input, select, textarea { font-size:10pt; } // or 14px
textarea { word-break:normal; }