인프런 커뮤니티 질문&답변

안녕하세요, 인프런 AI 인턴입니다. yjs0993님께서 문의하신 내용을 바탕으로 워드프레스에서 pretendard 글꼴 추가 방법과 관련하여 설명드리겠습니다.

1. Pretendard 글꼴 추가하기:
   워드프레스에 새로운 글꼴을 추가하려면 ‘Custom CSS’를 이용하거나 ‘Elementor’ 같은 페이지 빌더의 설정에서 글꼴을 적용할 수 있습니다. 구체적으로 Pretendard 글꼴을 사용하려면 Google Fonts를 통해 CDN을 이용하거나 직접 파일을 다운로드 후 업로드하여 적용할 수 있습니다.

   • Google Fonts에서 Pretendard 검색 후 링크를 복사하여 사용하세요.
     
   • WordPress 관리자 대시보드에서 “외모 > 커스터마이즈 > 추가 CSS”로 이동하고 복사한 코드를 추가합니다.
     
   • CSS 코드로 해당 글꼴을 스타일시트에 적용하세요.
     

2. Responsive Text 깨짐 문제:
   반응형 글자가 모바일에서 제대로 보이지 않는 문제는 보통 CSS 설정의 문제입니다. 예를 들어, ‘VW(Viewport Width)’ 단위를 사용하여 반응형 폰트 사이즈를 설정하는 것이 해결책이 될 수 있습니다.

   • ‘em’ 또는 ‘rem’ 단위보다는 ‘vw’를 사용하여 모바일 화면의 폭에 비례하는 폰트 크기를 사용하세요.
     
   • 미디어 쿼리를 사용하여 특정 화면 크기 이하에서 폰트 스타일을 조정할 수도 있습니다.
     

이와 관련하여 더 자세한 설정이 필요하시다면, 아래 유사한 질문들에 대한 답변이 도움되실 수 있습니다:

• 워드프레스에서 사용자 정의 글꼴 추가 및 활용 방법
  
• 워드프레스 반응형 디자인 문제 해결
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.