본문 기본 양식 폰트 변경

1. 정확한 제품 또는 플러그인 이름

k보드

2. 상세 내용

본문 기본 양식 폰트 변경가능한가요? 있다면 css 요청드립니다.

3. 확인 가능한 상세 페이지 주소

https://imgur.com/yRAYWsz

 

4. 수정한 코드 내역 (있다면)

없음

 

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

    커스텀 CSS에 아래 코드를 추가해보시겠어요?

    .kboard-content .content-view { font-family: "Nanum Gothic"; }
    
    .kboard-content .content-view { font-size: 50px; }
    

    수치는 적절히 변경하시면 됩니다

    고맙습니다.

  • 사용자정의 > 추가CSS에 코드를 추가하였는데 변경이 되지않습니다 ㅠㅠ 

    https://imgur.com/EYhVutA 해당 이미지 입니다.

     

  • KBoard 내의 워드프레스 에디터 아이프레임으로 불러오기 때문에

    mce_css 필터를 사용하여 적용하실 수 있습니다.

     

    우선 사용중인 테마에 폰트 전용 css 파일을 만들어서

    원하시는 위치에 위치시켜주세요.

     

    이후 아래의 코드 참고하여

    테마 functions.php에 입력해보시겠어요?

    add_filter('mce_css', 'tinymce_custom_css_0615');
    function tinymce_custom_css_0615($mce_css) {  
        if (!empty($mce_css)) {   $mce_css .= ',';  }  
        $mce_css .= get_template_directory_uri() . '/assets/css/tinymce_font_v1.css';  
        return $mce_css;
    } 

     

    get_template_directory_uri() . '/assets/css/ 는

    테마에서 asset 폴더 내 css 폴더라는 뜻입니다.

     

    tinymce_font_v1.css 파일은 폰트 관련 css 파일 입니다.

    고맙습니다.

  • 안녕하세요. 답변 감사합니다.

     

    '사용중인 테마에 폰트 전용 css 파일을 만들어서 원하시는 위치에 위치시켜주세요.' 는 어떻게 하는건가요?

    이해가 어렵습니다 ㅠㅠ

  • css 파일을 아래 코드와 같이 작성하여

    테마 폴더에 내에 원하시는 위치에 옮겨두시면 됩니다.

    // font family
    @font-face {
        font-family: 'MICEMyungjo';
        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-01@1.0/MICEMyungjo.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
    }
    
    .p {
      font-family: "MICEMyungjo", Times, serif;
    }
    
    ...

    @font-face 코드로 폰트 cdn을 불러오실 수 있으며

    font-family로 요소의 적용 폰트를 수정하실 수 있습니다.

    고맙습니다.

  • 'css 파일을 아래 코드와 같이 작성하여 테마 폴더에 내에 원하시는 위치에 옮겨두시면 됩니다.' 라는 말은

    전달주신 코드를 txt파일로 저장후 테마 폴더내에 저장해야하는 건가요?

    테마 폴더는 어디에 저장하는건지 모르겠습니다. ftp로 접속해야하는것인지 

    방법이 복잡해서 이해가 어렵습니다 ㅠㅠ

     

  • 전달주신 방법 구현이 어려워서 다른방법으로 수정해보았습니다.

    '파일관리자' 플러그인 설치후 아래 사진과 같이 css 코드 자체를 수정하였습니다.

    본문양식 폰트가 정상적으로 변경됩니다.

    참고 이미지 : https://imgur.com/AgWknOW

     

    혹시 해당 수정방법으로 진행해도 사이트 에러의 원인이 되거나

    추후에 워드프레스 or 테마 업데이트시 변경한 css값이 없어지는것은 아닌지 궁금합니다 :)

  • 코어 css를 수정하시면

    이후 버전 업데이트 시 원상복구 됩니다.

     

    폰트용으로 만든 css 파일을

    사용하시는 테마 폴더 내에 원하는 곳에 올려두시고

    안내드린 코드에서 아래처럼 입력하시면

    필터가 적용 됩니다.

    $mce_css .= get_template_directory_uri() . '{폴더 경로}/tinymce_font_v1.css'; 

     

    FTP 상 wp-content/theme/사용중인 테마/{폴더 추가}/tinymce_font_v1.css' 와 같이

    css 파일을 업로드 하시면 되겠습니다.

    고맙습니다.

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