글꼴 추가하는 법

안녕하세요. 

게시판 글을 쓸때 다양한 폰트를 쓰고 싶은데 혹시 폰트 추가 방법은 없나요? 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    KBoard 플러그인에서 게시글 작성 시 글꼴을 설정하는 건

    글 작성 에디터를 썸머노트로 설정하시면 가능합니다.

    썸머노트 에디터의 경우 에디터 자체에서 글꼴을 선택하실 수 있습니다.

    워드프레스 관리자 -> KBoard -> 게시판 목록 -> 게시판 선택 -> 기본설정 탭에서 설정하실 수 있습니다.

     

    워드프레스 내장 에디터의 경우 기본적으로는 글꼴 선택을 지원하진 않지만

    Advanced Editor Tools 플러그인을 추가적으로 설치하시면

    워드프레스 내장 에디터에 글꼴을 선택할 수 있는 메뉴 외에 다양한 기능을 추가적으로 사용하실 수 있습니다.

    고맙습니다.

  • 선생님 썸머노트 에디터를 깔았는데도 글꼴은  현재 기존 있는거 밖에 없는데요 ㅠ 

    찾아보니까 어떤 코드를 입력하라고 하시는데 코드입력을 어떻게 하는지 알려주실 수 있으세요?

  • 안녕하세요.

    KBoard 플러그인에 적용된 썸머노트 에디터는

    FTP로 접속해서 /wp-content/plugins/kboard/template/js/script.js 파일에

    아래의 코드로 설정하고 있습니다.

    if(kboard_current.use_editor == 'snote'){ // summernote
    	jQuery('.summernote').each(function(){
    		var height = parseInt(jQuery(this).height());
    		var placeholder = jQuery(this).attr('placeholder');
    		var lang = 'en-US';
    		
    		if(kboard_settings.locale == 'ko_KR'){
    			lang = 'ko-KR';
    		}
    		else if(kboard_settings.locale == 'ja'){
    			lang = 'ja-JP';
    		}
    		
    		jQuery(this).summernote({
    			toolbar: [
    				['style', ['style']],
    				['fontsize', ['fontsize']],
    				['font', ['bold', 'italic', 'underline', 'clear']],
    				['fontname', ['fontname']],
    				['color', ['color']],
    				['para', ['ul', 'ol', 'paragraph']],
    				['height', ['height']],
    				['table', ['table']],
    				['insert', ['link', 'picture', 'hr']],
    				['view', ['fullscreen', 'codeview']],
    				['help', ['help']]
    			],
    			fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande', 'Tahoma', 'Times New Roman', 'Verdana', 'Nanum Gothic', 'Malgun Gothic', 'Noto Sans KR', 'Apple SD Gothic Neo'],
    			fontNamesIgnoreCheck: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande', 'Tahoma', 'Times New Roman', 'Verdana', 'Nanum Gothic', 'Malgun Gothic', 'Noto Sans KR', 'Apple SD Gothic Neo'],
    			fontSizes: ['8','9','10','11','12','13','14','15','16','17','18','19','20','24','30','36','48','64','82','150'],
    			lang: lang,
    			height: height,
    			placeholder: placeholder
    		});
    	});
    }

    글꼴을 추가하시려면 코드를 수정해주셔야 할 듯합니다.

    썸머노트 에디터에 글꼴을 추가하는 방법은

    아래 링크들을 참고 부탁드립니다.

    https://stackoverflow.com/questions/38452756/add-custom-font-in-summernote

    https://github.com/summernote/summernote/issues/651

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기