웹에서는 멀쩡한데 모바일에서 타이틀 영역만 폰트가 안 읽히길래 긴가민가 하다가 잠깐 보고 고쳤다. 별 거 없이 그냥 노토 산스가 regular 하나만 읽혀서 그랬던 것. 부모테마 여기저기 500, 600 다 섞여있는 것 같은데 전부 다 불러오기엔 너무 무겁고해서 그냥 400, 700 둘만 끌어오는 걸로. bold가 필요한 곳은 대충 700으로 바꿔두었다. 땜빵으로 자꾸 하려니까 번잡스러운 구석이 있다―마는 뭐 하나 새로 만들 거 아니니까 별 수 없다.
Custom CSS(Shortcodes Plugin)
/* 웹폰트 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&display=swap&subset=korean');
@import url(https://fonts.googleapis.com/earlyaccess/kopubbatang.css);
/* 위젯 영역 & 메인 내비(상단메뉴) 폰트 설정 */
.widget-title {
font-family: 'Noto Sans KR', sans-serif;
font-weight: 700;
}
.widget-area {font-family: 'Noto Sans KR', sans-serif;}
.main-navigation {font-family: "Cabin", 'Noto Sans KR', sans-serif;}
/* 본문, 버튼, 삽입, 선택, 텍스트영역, H1~6 폰트 */
body,
button,
input,
select,
textarea {
font-family: 'Noto Sans KR', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Oswald', 'Noto Sans KR', serif;
font-weight: 700;
}
/* 페이지/포스트 제목 */
.entry-title {
font-family: "Oswald", 'Noto Sans KR', sans-serif;
}
Child Theme (style.css)
/* 코멘트-리댓 영역 제목 폰트 크기 */
.comments-title,
.comment-reply-title {
font-size: 1rem;
}
/* 헤더영역 페이지/포스트 제목 가로폭 확대 */
.custom-header-content-wrapper {
max-width: 700px;
margin: 0 auto;
}
/* 메인 내비=상단메뉴 폰트 확대 */
.site-header .icon {
font-size: 1.5rem;
}
/* site-description(by Chunryu) 폰트 확대*/
.site-description {
font-size: 1rem;
}
/* site-header-logo 사이즈 최대 250 + 오른쪽 정렬 */
.site-header-logo {
max-width: 250px;
margin-left: auto;
margin-right: 0;
}