rhymix (XE) - ckeditor에 Google Fonts 넣는 방법

Google Fonts - Hi Melody 넣기 

구글폰트에서 제공하는 예쁜 한글 글꼴 Hi Melody를 Rhymix 홈페이지에 넣어 보도록 하겠습니다. Rhymix 웹편집기 ckeditor와 조합하여 언제든 게시글에 예쁜 구글폰트를 넣을 수 있습니다. 

1. 구글폰트를 검색해서 원하는 폰트를 찾습니다. → Google Fonts 
 

2. 원하는 글꼴을 선택하여 확인해 보면 오른쪽에 [ Select ... + ] 버튼이 보입니다. 이 버튼을 클릭해 주세요. 
   장바구니에 담는 버튼 입니다. 

3. 오른쪽 상단의 View selected families 아이콘을 클릭합니다. 

4. 웹에 등록하는 방식을 선택합니다. Rhymix 에서는 Layout에 삽입할 때 CSS에 등록할 수 있습니다. 
    @import 를 선택하여 소스코드를 복사합니다. 

5. Rhymix 의 관리자 화면으로 들어가서, 레이아웃 설정화면 → HTML/CSS 항목의 CSS -layout.css 부분 입력란에 
    @import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap'); 부분만 넣어주고 저장합니다. 

   이렇게 하면 Rhymix 에서 기본적으로 해당 글꼴로 설정된 내용이 원하는 글꼴로 표현 됩니다. 
 

이제 ckeditor 에서 글꼴을 사용할 수있도록 설정합니다. 

6. Rhymix root/common/js/plugins/ckeditor/ckeditor.config.js 파일에 아래와 같이 표현할글꼴이름/글꼴명 을 넣어 설정해 줍니다. 

이렇게 하면 웹편집기에서도 원하는 글꼴을 선택하여 게시글을 작성할수 있게 됩니다.