TipRelay
  • 블로그 기초
    • WordPress
  • 컴퓨터 How-to
    • Windows 11
    • Windows 10
  • 모바일 How-to
    • Andriod
    • iOS
    • Netfix
    • Youtube
    • Instagram
  • 생활 Tips
    • 금융
    • 정책
  • 유용한 Info
    • 건강
    • 일상소식
    • AS 고객센터
    • 무료꿈해몽
  • 게임
    • 디아2: 레저렉션
      • 룬워드 정보
      • 유니크 아이템
      • 세트 아이템
      • 퀘스트
    • 원신
    • 바람의나라: 연
    • 명일방주
    • 탭타이탄2
    • 패스 오브 엑자일 ACT
    • 참고한 게임 공략들
No Result
View All Result
TipRelay
Home 블로깅 워드프레스

워드프레스 기본 편집기(고전 편집기) 글꼴을 변경하는 방법

2020-02-22
in 워드프레스
Reading Time: 3 mins read
64
워드프레스 기본 편집기(고전 편집기) 글꼴을 변경하는 방법 이미지
16
SHARES
Share on FacebookShare on Twitter

워드프레스에서 글을 쓰기 위해서 고전 편집기를 이용하는 분들이 많습니다. 이중에서 가장 많이 사용되는 TinyMCE Advanced 플러그인을 설치해서 사용하는 경우, 기본 폰트가 Georgia로 설정되어 있습니다. 이것을 변경하기 위한 옵션을 찾아봐도 딱히 보이지는 않죠. 😥

저 같이 워드프레스에 익숙하지 않은 초보자들은 어떻게 변경해야 할지 막막합니다.

실제로 발행된 글에는 테마에서 적용된 폰트로 나오기 때문에, 글을 쓰는 편집기 내에서도 같은 글꼴로 나온다면 좋다고 생각되어 변경하는 방법을 찾아봤습니다. 이 중 간단하게 FTP를 이용해서 css파일을 수정해 주는 방법이 있어서 소개하려고 합니다.

고전 편집기 에디터(Classic Editor) – TinyMCE Advanced에서 글을 작성하는 화면의 기본 글씨체를 변경 하는 방법을 알아보겠습니다.

콘텐츠 요약: 보이기
워드프레스 고전 편집기의 기본 글씨체 수정하기
wp-content.css 파일 수정 전 – Georgia
wp-content.css 파일 수정 후 – 나눔 고딕
wp-content.css 파일 수정 결과
워드프레스 고전 편집기의 폰트 변경이 안되는 경우

워드프레스 고전 편집기의 기본 글씨체 수정하기

워드프레스 기본 편집기(고전 편집기)의 기본 글씨체 수정하기 - TinyMCE Advanced_01

기본 상태의 폰트들은 영문 글꼴들 입니다. 이 중 기본은 Georgia로 설정되어 있고, 변경을 위해서는 wp-content.css 파일을 수정해줘야 합니다.

본인의 도메인 FTP(FileZilla 프로그램 활용)를 통해서 아래의 경로로 접속해 해당 파일을 편집해 줍니다.

 

워드프레스 기본 편집기(고전 편집기)의 기본 글씨체 수정하기 - TinyMCE Advanced_02

  • 경로 : /wp-includes/js/tinymce/skins/wordpress/wp-content.css

 

wp-content.css 파일 수정 전 – Georgia

워드프레스 기본 편집기(고전 편집기)의 기본 글씨체 수정하기 - TinyMCE Advanced_03

wp-content.css 파일을 열어서 body 부분을 살펴보면 Georgia로 설정된 것을 확인할 수 있습니다. 이 부분을 원하는 글꼴로 수정하면 해당 글씨체가 적용됩니다.

 

wp-content.css 파일 수정 후 – 나눔 고딕

워드프레스 기본 편집기(고전 편집기)의 기본 글씨체 수정하기 - TinyMCE Advanced 04

font-family: "Nanumgothic", "Nanum gothic", sans-serif;

저는 나눔 고딕체를 적용해 봤습니다. 나눔 고딕체를 적용하실 분들은 위와 같이 변경해주세요.

 

wp-content.css 파일 수정 결과

워드프레스 기본 편집기(고전 편집기)의 기본 글씨체 수정하기 - TinyMCE Advanced_05

워드프레스의 고전 편집기 글꼴이 깔끔한 나눔 고딕체로 적용이 된 모습을 확인 할 수 있습니다. 이제부터 테마의 기본 글꼴인 고딕체로 편집 화면에서도 똑같은 글꼴로  편집할 수 있게 되었습니다.

 

워드프레스 고전 편집기의 폰트 변경이 안되는 경우

▲ 구글 크롬 > 설정 > 모양 > 글꼴 맞춤설정

워드프레스 css파일을 수정했지만 편집기의 글꼴이 변경이 안되는 경우에는 크롬 브라우저 자체 글꼴 변경을 시도해 볼 수 있습니다. 크롬 브라우저에서 위의 경로로 가보면 브라우저 자체 폰트를 설정할 수 있는데, Serif 항목을 원하는 글꼴로 설정해 주면 워드프레스 기본 편집기 글꼴이 바뀌는것을 확인할 수 있습니다.

단, 자신의 PC에 설치된 폰트만 설정 가능합니다.

 

만약에 위의 방법대로 해도 바로 적용이 되지 않는다면, 브라우저나 도메인 서버의 캐시 때문일 수 있습니다.

이럴 땐 브라우저의 캐시를 비우고 다시 확인해 보거나, 도메인 서버의 캐시 문제의 경우 시간이 좀 지나면 자동으로 적용됩니다. 또한 크롬 브라우저를 사용하신다면 단축키로 강력 새로 고침을 시도 해볼 수 있습니다.

  • 크롬 단축키 – 강력 새로 고침 : Ctrl + Shift + R
Tags: 워드프레스
Previous Post

카운터사이드 뉴비들을 위한 가성비 캐릭터 N~SR 등급표

Next Post

구글 검색 옵션(고급검색)과 연산자 활용 방법

Related Posts

워드프레스에서 카테고리를 삭제하는 방법

워드프레스에서 카테고리를 삭제하는 방법

2022-04-21
워드프레스에서 관리자 로그인 하는 방법

워드프레스에서 관리자 로그인 하는 방법

2022-04-21
워드프레스에서 Cache Control 헤더를 설정하는 방법

워드프레스에서 Cache Control 헤더를 설정하는 방법

2022-04-14
워드프레스에 Expires 헤더 추가 방법

워드프레스에 Expires 헤더 추가 방법

2022-04-14
워드프레스 .htaccess 파일 기본값으로 되돌리는 방법

워드프레스 .htaccess 파일 기본값으로 되돌리는 방법

2022-04-14
워드프레스 버전 다운그레이드 방법

워드프레스 버전 다운그레이드 방법

2022-04-14

Posts

윈도우 11 블랙 스크린 문제를 해결하는 방법 10가지

윈도우 11 블랙 스크린 문제를 해결하는 방법 10가지

2024-02-27
윈도우 11에서 크롬을 기본 웹 브라우저로 설정하는 방법

윈도우 11에서 크롬을 기본 웹 브라우저로 설정하는 방법

2024-02-27
경남 직장인을 위한 대출 상품 | BNK저축은행 BNK마이론

경남 직장인을 위한 대출 상품 | BNK저축은행 BNK마이론

2023-12-25
상상인플러스저축은행 직장인 신용대출, 한도 1,500만원에 긴급 생활자금

상상인플러스저축은행 직장인 신용대출, 한도 1,500만원에 긴급 생활자금

2023-12-25
직장인 대출 상품, 우리금융저축은행 비타WON신용대출 소개

직장인 대출 상품, 우리금융저축은행 비타WON신용대출 소개

2023-12-20
IBK저축은행 i-빅론U 직장인 대출 상품 살펴보기

IBK저축은행 i-빅론U 직장인 대출 상품 살펴보기

2023-12-20

About

팁릴레이

Website for sharing computer and mobile technology tips and tricks

POPULAR

인스타그램 릴스 시청기록 확인하는 3가지 방법

윈도우11에서 Windows Defender SmartScreen 끄는 방법

윈도우11에서 Steam Client WebHelper의 높은 CPU 점유율을 수정하는 방법

TRENDING

윈도우10 느려짐 현상 고치기 (개인정보 보내기)

아이폰에서 구글 계정 추가 오류를 수정하는 방법

윈도우11에서 잠금 화면 이미지 변경하는 방법

© 2023 TIPRELAY • All Rights Reserved

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
No Result
View All Result
  • 블로그 기초
    • WordPress
  • 컴퓨터 How-to
    • Windows 11
    • Windows 10
  • 모바일 How-to
    • Andriod
    • iOS
    • Netfix
    • Youtube
    • Instagram
  • 생활 Tips
    • 금융
    • 정책
  • 유용한 Info
    • 건강
    • 일상소식
    • AS 고객센터
    • 무료꿈해몽
  • 게임
    • 디아2: 레저렉션
      • 룬워드 정보
      • 유니크 아이템
      • 세트 아이템
      • 퀘스트
    • 원신
    • 바람의나라: 연
    • 명일방주
    • 탭타이탄2
    • 패스 오브 엑자일 ACT
    • 참고한 게임 공략들

© 2023 TIPRELAY • All Rights Reserved