Cộng đồng Hỏi & Đáp của Inflearn

안녕하세요!
김명준강사입니다.

1) pretendard 글꼴을 추가하려면 어떻게 하나요?
>> https://inf.run/PejSG 이 블로그에서 다운받으시면 되구요.
https://inf.run/6gCf5이 플러그인을 설치해서 폰트를 추가한 다음에 테마의 폰트 옵션에서 해당 폰트를 지정하면 됩니다.

2) 그리고 reponsive text로 글을 작성하면 안 보이거나 모바일에서는 막 깨져서 보이는데 그건 왜 그러는건가요?
>> 일단, Salient 테마를 최신 버전으로 교체해 보세요. 그리고, reponsive text Element는 PC, Tablet, Mobile 모두 각각 폰트 사이즈를 설정하는 것이 제일 좋습니다.

안녕하세요, 인프런 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’를 사용하여 모바일 화면의 폭에 비례하는 폰트 크기를 사용하세요.
     
   • 미디어 쿼리를 사용하여 특정 화면 크기 이하에서 폰트 스타일을 조정할 수도 있습니다.
     

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

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

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