워드프레스 편집기의 대부분의 텍스트 블록에는 콘텐츠의 텍스트 디자인을 제어하는 타이포그래피 설정이 포함되어 있습니다. 이 가이드에서는 이러한 타이포그래피 설정을 사용하는 방법을 설명합니다.
타이포그래피 설정은 다음에 사용할 수 있습니다.
블록을 클릭하면 오른쪽 사이드바에서 블록 설정을 찾을 수 있습니다. 사이드바가 표시되지 않으면 오른쪽 위 모서리의 설정 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다. 이 아이콘은 두 개의 고르지 않은 칼럼이 있는 정사각형 모양입니다.
블록 설정 내에서 타이포그래피 설정을 바로 찾을 수 있습니다. 다른 블록의 타이포그래피 설정은 스타일 탭 아래에 있습니다. 오른쪽 이미지는 원형 아이콘을 클릭하여 접근할 수 있는 스타일 탭 아래의 타이포그래피 설정이 있는 블록을 보여줍니다.
모든 블록에 타이포그래피 설정이 포함되어 있는 것은 아닙니다. 사용 가능한 설정은 테마 및 블록 유형에 따라 다릅니다.
다음 설정을 통해 블록의 텍스트 디자인을 조정합니다.
설정이 표시되지 않으면 타이포그래피 오른쪽에 있는 세 점을 클릭합니다(오른쪽에 표시됨). 그런 다음, 접근하려는 옵션을 선택할 수 있습니다.
- 글꼴 크기
- 글꼴 패밀리
- 디자인
- 줄 높이
- 장식
- 대/소문자
- 글자 간격
각 설정을 한 번 클릭하면 옆에 체크 표시가 나타납니다. 그런 다음, 점 세 개 메뉴를 닫아 설정을 볼 수 있습니다.
사용 가능한 설정은 사용 중인 블록에 따라 다릅니다. 모든 설정이 모든 블록에서 반드시 사용 가능한 것은 아닙니다.
글꼴 크기로 텍스트의 크기를 조정할 수 있습니다. 소형(S), 중형(M), 대형(L), 초대형(XL) 사전 설정 크기 중에서 선택할 수 있습니다.
보다 세분화된 제어를 위해 사전 설정 크기 바로 위에 있는 슬라이더 아이콘을 클릭하여 특정 값을 설정할 수 있습니다(인접한 이미지에서 1로 표시됨).
이미지에서 숫자 2가 표시된 곳을 클릭하면 단위를 변경할 수 있습니다. 다음 중에서 선택하세요.
- 픽셀 – 화면 크기에 관계없이 일관된 크기를 유지합니다.
em– 상위 HTML 요소를 기준으로 뷰어의 화면 크기에 맞게 조정되는 반응형 크기를 사용합니다.rem– 루트 HTML 요소를 기준으로 뷰어의 화면 크기에 맞게 조정되는 반응형 크기를 사용합니다.
글꼴 패밀리는 사용된 글꼴 스타일을 변경할 수 있는 옵션을 제공합니다. 드롭다운 메뉴의 글꼴 목록에서 선택합니다. 자세한 내용은 사이트의 글꼴 변경을 참조하세요.
디자인을 사용하면 가는 것에서 매우 굵은 것까지 일반 및 기울임꼴 사이에서 텍스트 스타일을 변경할 수 있습니다.
줄 높이에서는 텍스트 위/아래 간격을 설정합니다. 일반적으로 텍스트 줄 사이의 기본값은 시각적으로 보기 좋은 1.5입니다. 0 값은 권장되지 않습니다. 작은 모바일 화면에서 텍스트 줄이 서로 겹쳐 나타날 수 있기 때문입니다.
장식에는 밑줄 및 취소선(사용 가능한 경우) 옵션이 포함됩니다.
대/소문자를 사용하면 텍스트를 모두 대문자로 설정(AB)하거나 첫 글자를 대문자로 설정(Ab)하거나 모두 소문자로 설정(ab)하는 데 사용할 수 있습니다.
드롭 캡은 문단의 첫 글자를 매우 크게 만듭니다.
글자 간격은 텍스트의 각 문자 사이의 간격을 설정합니다. 단위를 기본값(픽셀)에서 백분율, em, rem, vw 및 vh로 변경할 수 있습니다. 여기에서 상대 단위에 대해 자세히 알아보세요.
지원 