# 폰트를 추가할 수 있나요?

#### <span style="color: rgb(230, 126, 35);">**닷홈빌더 / 무료홈페이지 폰트 추가**</span>

텍스트 에디터 자체 기능에 폰트를 추가할 수는 없으나 웹폰트는 이용 가능합니다.

공통코드 입력 기능을 통해 웹폰트를 설정하신 후 .section-inner 또는 특정 영역에

폰트를 적용하는 css를 추가해 주시면 활용 가능할 것으로 보입니다.

[![1024px-Cs_manusl_20250125_02.jpg](https://docs.dothome.co.kr/uploads/images/gallery/2025-09/scaled-1680-/1024px-cs-manusl-20250125-02.jpg)](https://docs.dothome.co.kr/uploads/images/gallery/2025-09/1024px-cs-manusl-20250125-02.jpg)<span style="color: rgb(22, 145, 121);">\[웹폰트 적용 전의 화면\]</span>

  
  
[![1024px-Ca_manual_20250125_03.jpg](https://docs.dothome.co.kr/uploads/images/gallery/2025-09/scaled-1680-/1024px-ca-manual-20250125-03.jpg)](https://docs.dothome.co.kr/uploads/images/gallery/2025-09/1024px-ca-manual-20250125-03.jpg)<span style="color: rgb(22, 145, 121);">\[공통코드 기능을 통해 폰트 추가 css 작성\]</span>

[![1024px-Ca_manual_20250125_04.jpg](https://docs.dothome.co.kr/uploads/images/gallery/2025-09/scaled-1680-/1024px-ca-manual-20250125-04.jpg)](https://docs.dothome.co.kr/uploads/images/gallery/2025-09/1024px-ca-manual-20250125-04.jpg)<span style="color: rgb(22, 145, 121);">\[폰트 적용 후 화면\]</span>

아래 코드는 공통코드에 폰트를 추가한 예시입니다.

웹폰트 적용 방식은 폰트 제공업체에 따라 다를 수 있으므로 해당 업체에서 확인하시면 정확합니다.

공통코드 입력 기능은 아래 매뉴얼을 참고해 주시기 바랍니다.  
  
[https://builder20.dothome.co.kr/manual/info/23](https://builder20.dothome.co.kr/manual/info/23)

```
<style>
  
/* 폰트 추가 */
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
  
/* 폰트 적용 */
.section-inner, .block-inner {
    font-family: 'yg-jalnan', Arial, sans-serif !important;
}

</style>
```