# 고급 옵션: 시스템 폰트

***

#### **시스템 폰트 사용**

웹뷰앱 제작시 설정할 수 있는 기본 스타일 옵션, 고급 스타일 옵션에 대해 안내드리겠습니다.

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fs89c2GcHS2gpH5YkFFvF%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%206.png?alt=media&#x26;token=c54e7add-c8b0-42d1-a5fa-75ceba79dae3" alt=""><figcaption></figcaption></figure>

시스템 폰트는 웹뷰&푸시앱제작시 확인할 수 있구요.&#x20;

&#x20;STEP2 디자인 단계 - 고급 스타일 및 옵션 - 시스템 폰트 사용에서 확인 가능합니다.

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

## **1.시스템 폰트 사용**

시스템 폰트는 핸드폰에 설정된 글자 스타일(글자 크기, 글꼴 등)을 말합니다.

<mark style="color:green;">사용자 폰에서 글자 크기를 크게 키워놨다면→ 앱에 보여지는 글자도 핸드폰에 설정된 글자 크기대로 보이게 됩니다.</mark>

시스템 폰트를 사용하지 않는다면, 앱 내 기본 폰트로 자동 셋팅되기 때문에 사용자 핸드폰 설정과는 무관하게 보여집니다.

​

**참고 이미지)**

<div align="left"><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2F88LJWIVMF3pbwFAKBk3I%2F%EC%8B%9C%EC%8A%A4%ED%85%9C%ED%8F%B0%ED%8A%B81.png?alt=media&#x26;token=4d5b5688-e84f-448e-9504-1e4e7328b6a8" alt=""></div>

사용자의 폰에서 글자 크기를 크게 설정했을 경우, 앱에서 보여지는 본문 글자도 동일하게 보여집니다.

\*글자 크기는 모든 웹에 반영되는 것이 아니며 내장 브라우저로 글자 HTML 페이지에 반영되어 보여집니다.

​

특별한 이유를 제외하고는 기본설정(시스템 폰트 사용 :예)대로 사용하시는 것을 권장드립니다.

시스템 폰트 사용은 크게 이용빈도가 높은 기능은 아니에요.

옵션에서 기본 설정은 "예"에 체크되어 있으므로 별도 수정 없이 그대로 제작해주세요.

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

웹뷰앱 제작 후 STEP2디자인 메뉴를 수정할 경우 앱 업데이트가 필요합니다.

(저장시 앱에 자동 반영 되지 않고, 앱을 새 버전으로 재제작해야 반영됩니다)

따라서 앱 제작 후, 위에서 소개해드린 기능 중 하나를 수정할 경우 \[저장] 버튼 선택 -\[앱 업데이트] 버튼을 선택해주세요.

플레이스토어, 앱스토어에 앱이 출시된 경우 업데이트 된 앱으로 다시 심사를 제출해주시구요.

스토어 출시 없이 개인적으로 이용한다면, 앱 삭제 후 새로 제작된 버전의 앱으로 다시 설치해주시면 됩니다.

<mark style="color:red;">**\*\***</mark><mark style="color:red;">앱제작 V2에서 제작한 웹뷰앱을 V3로 전환 하신 분들도! 동일하게 앱 업데이트 다시 해주셔야 합니다.</mark>