코스모스팜 스레드

KBoard 웹폰트 적용 관련 문의

안녕하세요!
이슈가 있어 문의글 올립니다.

클라이언트가 게시판 이용시 폰트 설정을 하고 싶다 요구하여
기존 TinyMCE에서 폰트 페밀리에 웹 폰트 적용을 했습니다.

editor 에서 폰트 목록도 잘 뜨며 글씨에 폰트 지정도 잘 되며 지정한 폰트로 잘 보입니다만
저장 후 document mod 에서는 변경된 폰트로 보이질 않습니다.

관련해서 해결 방법 있을까요?

코스모스팜 회원관리
코스모스팜 회원관리
  • 안녕하세요~^^

    워드프레스 사이트는 테마에 따라서 폰트 적용이 어려울 수도 있습니다.

    올려주신 글 만으로는 어떤 이유로 폰트가 적용이 안 되는지 파악하기 어렵습니다.

    실제 확인 가능한 페이지 주소 알려주시면 도움을 드리겠습니다.

    고맙습니다.

  • 답변감사합니다!

    확인 가능한 페이지 주소는
    단순 게시판이 있는 사이트 주소를 드리면 되나요??

    아니면 실제 게시판 사용 가능하도록 해서 알려드려야 할까요?
    알려주시면 URL남기겠습니다.

    일단 테마는 Avada인데.. 

  • 비회원으로도 확인 가능한 게시글 본문 페이지(document.php) 주소 알려주시면 살펴보겠습니다.

    고맙습니다.

  • 워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드처럼 추가하신 후에 확인해보시겠어요?

    @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
    #kboard-default-document .kboard-title h1,
    #kboard-default-document .kboard-detail,
    #kboard-default-document .kboard-content,
    #kboard-default-document .kboard-button-like,
    #kboard-default-document .kboard-button-print,
    #kboard-default-document .kboard-control a { font-family: 'Nanum Gothic', Apple SD Gothic Neo, Malgun Gothic, arial, sans-serif; }

    위의 코드에서 font-family는 사용하실 폰트로 교체하신 후에 적용해보세요.

    위에부터 차례대로 설명드리면

    첫 번째 줄은 게시글 본문 페이지에서 제목에 폰트를 적용합니다.

    두 번째 줄은 작성자, 작성일, 조회에 폰트를 적용합니다.

    세 번째 줄은 내용에 폰트를 적용합니다.

    네 번째 줄은 좋아요 버튼에 폰트를 적용합니다.

    다섯 번째 줄은 인쇄 버튼에 폰트를 적용합니다.

    여섯 번째 줄은 목록보기, 새 글쓰기, 글수정, 글삭제 버튼에 폰트를 적용합니다.

    필요 없는 코드는 지우신 후에 적용해주시면 됩니다.

    고맙습니다.

코스모스팜 회원관리