장바구니

등록된 상품이 없습니다
합계: 0

최근 본 상품

등록된 상품이 없습니다
    유용한팁
    Home / 유용한팁
    글보기
    제목에디터에서 기본 폰트 설정하는 방법 (스마트 에디터2, CK 에디터4)2022-04-03 17:41
    작성자user icon

    에디터에서 기본 폰트 설정하는 방법


    망보드 게시판(글목록,글작성,글보기)의 폰트는 테마에 적용된 폰트가 그대로 적용되도록 설정되어 있기 때문에

    망보드 게시판의 폰트를 변경하시려면 현재 사용하시는 테마에 설정된 폰트를 변경해서 사용해 주시면 됩니다.

    글작성 에디터(스마트 에디터2, CK 에디터4)에서 사용하는 기본 폰트는 아래의 방법을 참고하여 변경해 주시면 되는데

    에디터 기본 폰트로 설정하시려는 폰트가 일반적인 폰트(돋움,고딕,바탕체)가 아닐 경우에는 

    추가적으로 웹폰트를 홈페이지에 설치해 주셔야 에디터 기본 폰트가 적용됩니다.





    1. 스마트 에디터2에서 기본 폰트 설정하는 방법


    - 설정방법: "워드프레스 관리자>MangBoard>게시판 설정>글쓰기 폼" 항목에 폰트에 대한 설정을 포함한 태그 입력


    - 샘플태그:  <p><span style="font-size:10pt;font-family:'나눔고딕','Nanum Gothic',sans-serif;line-height:1.8"><br></span></p>

       폰트 크기(font-size), 폰트(font-family), 줄 높이(line-height)를 원하시는 값으로 수정해서 사용


    스마트에디터_폰트기본크기.jpg

     



    2. CK 에디터4에서 기본 폰트 설정하는 방법


    - 설정방법: "워드프레스 관리자>MangBoard>게시판 설정>글쓰기 폼" 항목에 폰트에 대한 설정을 포함한 태그 입력


    - 샘플태그:  <p><span style="font-family:Tahoma,sans-serif;"><span style="font-size:15px;">&nbsp;</span></span></p>

       폰트(font-family), 폰트 크기(font-size)를 원하시는 값으로 수정해서 사용


    CK에디터_폰트기본크기.jpg


     


    3. 스마트 에디터2에서 기폰 폰트 및 글쓰기 폼 설정하는 방법


    1) 스마트 에디터2를 이용하여 기본 폼에 들어갈 텍스트를 입력한 후 원하시는 폰트(나눔고딕) 및 폰트 크기(11pt)를 설정합니다.

    스마트에디터2_글쓰기폼설정1.jpg


    2) 스마트 에디터2 우측 하단에 있는 HTML 탭버튼을 클릭하여 소스보기 탭으로 이동하면 현재까지 작성된 에디터의 태그 내용을 확인하실 수 있는데, 해당 태그 내용을 모두 선택 후 CTRL+C키를 이용하여 복사합니다.

    스마트에디터2_글쓰기폼설정2.jpg


    3) 소스보기에서 복사한 태그를 "워드프레스 관리자>MangBoard>게시판 설정>글쓰기 폼" 항목에 CTRL+V키를 이용하여 붙여넣기를 해주고, 페이지 하단에 "확인" 버튼을 클릭하여 게시판 설정을 저장합니다.

    스마트에디터2_글쓰기폼설정3.jpg


    4) 글쓰기 폼을 설정한 후 게시판 등록 페이지로 이동하시면 원하시는 글쓰기 폼 텍스트가 나타나고, 설정한 폰트 크기가 기본 폰트 크기로 설정된 것을 확인하실 수 있습니다.

    (CK 에디터4도 동일한 방법으로 기본 폰트 및 글쓰기 폼을 등록하여 사용하실 수 있습니다)

    스마트에디터2_글쓰기폼설정4.jpg



     

    최근 본 상품

    등록된 상품이 없습니다

    장바구니

    등록된 상품이 없습니다
    합계: 0