KBoard의 기본 폰트를 Arial로 바꾸고 싶습니다.

안녕하세요. KBoard를 지금 사용중인데, 기본 폰트가 Georgia로 되어 있습니다.

Arial로 계속 바꿔도 엔터만 누르면 다시 Georgia로 변경됩니다.

여기서 폰트 수정을 찾으면 나눔 폰트에 대한 설명만 나오고 기본으로 설치된 폰트에 대해 변경하는 방법이 나오지 않아서 질문을 올립니다.

일단 /wp-includes/js/tinymce/skins/wordpress/wp-content.css 여기로 들어가 Body에 있는 내용을 Georgia ▶Arial 이렇게 수정했는데

기본 폰트가 수정이 안되네요.

수정 할 수 있는 법을 알려주세요.

 

워드 프레스 내장 에디터 뿐만 아니라,

썸머노트 에디트의 기본 폰트 설정도 알고 싶습니다!

 

그리고 또한 글씨의 위아래 간격(행간)도 수정 할 수 있는 방법도 알고 싶습니다.

 

 

감사합니다!

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    워드프레스 내장 에디터 폰트를 수정하는 건

    올려주신 경로의 파일을 수정해주시면 됩니다.

    폰트가 바로 저장되지 않는다면 브라우저의 캐시를 비우신 후에도 확인해보시겠어요?

    크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

    크롬 브라우저 시크릿 모드에서도 확인해보시겠어요?

     

    썸머노트 에디터의 기본 글꼴을 변경하시려면

    아래의 코드를 활용해보세요.

    add_action('wp_head', 'wp_head_20200911');
    function wp_head_20200911(){
    	?>
    	<script>
    	jQuery(document).ready(function(){
    		var kboard_mod = jQuery('input[name=mod]', '.kboard-form').val();
    		if(kboard_mod == 'editor'){
    			if(kboard_current.use_tree_category == 'yes'){
    				kboard_tree_category_parents();
    			}
    			
    			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
    					});
    					jQuery(this).summernote('fontName', 'Arial');
    				});
    			}
    		}
    	});
    	</script>
    	<?php
    }

    테마의 functions.php 파일에 코드를 추가하거나 Code Snippets 플러그인을 사용해서 코드를 추가할 수 있습니다.

     

    썸머노트 에디터 커스텀 관련해서는

    아래 관련 문서도 참고해보세요.

    https://summernote.org/deep-dive/

     

    글자의 위아래 간격은 어떻게 조절하고 싶으신 건지요?

    에디터에서 Shift + Enter로 입력하시면

    Enter로 입력했을 때보다 줄어든 간격으로 적용하실 수 있습니다.

    고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요