워드프레스 모바일 글씨 크기, 폰트 크기 변경 방법

워드프레스 블로그를 운영하면서 스마트폰으로 볼 때 글씨 크기가 작게 보일 경우 모바일 글씨 크기, 폰트 크기를 변경하는 방법에 대해 알아보겠습니다.

 

적용 테마는 제네레이트 프레스 GeneratePress 입니다.

 

 

워드프레스 모바일 글씨 크기, 폰트 크기 변경 방법

 

목차

 

1. 워드프레스 모바일 글씨 크기 바꾸는 방법

 

 

워드프레스 모바일 글씨 크기 바꾸는 방법

 

 

워드프레스 어드민에서 디자인에서 사용자 정의하기로 들어갑니다.

 

 

 

추가CSS 로 들어갑니다.

 

 

 

아래와 같이 코드를 입력하고 폰트 사이즈 font-size : 23px 부분의 숫자를 변경하면서 스마트폰에서 폰트 사이즈가 알맞는 크기인지 확인하고 결정합니다.

 

 

코드를 입력하고 폰트 사이즈를 변경하면 아래와 같이 글씨 크기가 바뀌게 됩니다.

 

 

 

폰트사이즈 변경 CSS 코드

 

 

/*모바일 폰트사이즈변경*/

@media(max-width: 768px) {
body {
font-size: 18px;
}
}

 

 

여기까지 '워드프레스 모바일 글씨 크기, 폰트 크기 변경 방법' 을 알아보았습니다.

 

2024.05.21 - [라이프/일본] - 토스뱅크 체크카드 일본 편의점 ATM 엔화 출금

토스뱅크 체크카드 일본 편의점 ATM 엔화 출금