글꼴 선택하기

텍스트 도구의 글꼴 선택기를 사용하면 일반 글꼴 목록에서 글꼴을 선택할 수 있습니다. Google Fonts에서 제공하는 웹 글꼴을 추가할 수도 있습니다.

먼저 글꼴을 선택한 다음 텍스트를 추가하거나, 기존 텍스트를 선택한 다음 사용하려는 글꼴로 변경할 수 있습니다.

Google Web Designer에 내장된 일반 글꼴 외에 Google Fonts를 통해 제공되는 수백 가지의 무료 오픈소스 글꼴도 사용할 수 있습니다.

툴바에서 텍스트 도구 를 선택하거나 텍스트 패널을 엽니다.
도구 옵션 막대 또는 텍스트 패널에서 글꼴 이름을 클릭합니다. 글꼴 메뉴가 열립니다.
글꼴 메뉴 하단에서 추가 글꼴…을 클릭합니다. Google Fonts 카탈로그가 로드되기 시작합니다. 더 많은 글꼴을 로드하려면 목록 하단으로 스크롤합니다.
검색어 입력란 에 글꼴 이름을 입력하고 Enter 키를 누르거나 필터를 사용해 옵션 범위를 좁혀 검색합니다.
사용할 글꼴을 선택합니다. 선택한 글꼴이 오른쪽의 추가된 글꼴 목록에 표시됩니다.
선택 항목이 마음에 들면 확인을 클릭합니다. 이제 추가한 글꼴을 이 문서의 글꼴 메뉴에서 사용할 수 있습니다.

Google Ads 및 Google AdMob에서는 Google 웹 글꼴만 지원합니다.

현재로서는 글꼴 드롭다운에 Google Fonts의 글꼴만 추가할 수 있지만, 글꼴 파일이 있는 경우에는 맞춤 글꼴을 사용할 수 있습니다.

컴퓨터의 파일 시스템에 있는 프로젝트의 assets 하위 폴더에 글꼴 파일을 추가합니다.
- Studio를 사용하는 경우에는 Studio 애셋 라이브러리에 맞춤 글꼴을 업로드할 수 있습니다.
- 브라우저 호환성을 향상하기 위해 여러 글꼴 형식을 포함합니다.
코드 보기로 이동한 후 글꼴의 세부정보를 사용하여 닫는 태그 앞에 아래의 CSS를 추가합니다.
```
@font-face {
  font-family: "My Font Name";
  src: url("assets/myfontname.ttf") format("truetype");
}
```
글꼴을 사용하려면 텍스트 서식을 지정할 때 글꼴 이름 입력란에 글꼴의 이름을 font-family 줄에 입력한 대로 입력합니다.

CSS 스타일 규칙으로 맞춤 글꼴을 사용하는 경우에는 웹에 적합한 대체 글꼴을 하나 이상 나열합니다.

예를 들어 일본어 문서의 경우 다음과 같은 목록을 사용할 수 있습니다.
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","MS PGothic",Verdana,Helvetica,sans-serif;

도움이 되었나요?

어떻게 하면 개선할 수 있을까요?