웹폰트 만들어 직접 서비스 적용하기 

 

  1. https://onlinefontconverter.com/ 웹사이트에 들어갑니다. 
    • 아래 그림과 같이 변환할 폰트파일을 업로드 합니다. 
      웹폰트만들기01.jpg

       

    • font-face, eot, svg, ttf, woff, woff2 에 체크합니다. 
    • SELECT FONT(S) 를 클릭하여 ③ ttf 폰트를 업로드 합니다. 
    • ④ Done 를 클릭하여 계속 진행 합니다.(변환을 시작하고, 잠시 기다립니다.) 
    • ⑤ 변환이 완료되면 SAVE YOUR FONT 를 클릭합니다.
      웹폰트만들기02.jpg

       

    • Download Attachment 를 클릭해서 파일을 다운받습니다. 
  2. 다운 받은 onlinefontconverter.com.zip 파일의 압축을 해제하면 아래와 같이 6개의 파일이 생성됩니다. 
    웹폰트만들기03.jpg

    이 파일을 모두 웹서버의 웹폰트 폴더에 업로드 합니다. 

     

  3. 웹 페이지 헤더부분의 폰트를 읽어 들이는 부분에 font.css 를 포함시킵니다. 
    예1) ckeditor 의 경우 config.js 에 
         config.contentsCss = 'https://서버경로/font.css'; 
    예2) XE 의 경우 관리페이지> 에디터 > 공통설정의 CSS 파일 추가 에 
         https://서버경로/font.css
    예3) ckeditor 의 config.js 에 글꼴을 추가합니다. 
         config.font_names = '맑은 고딕;...;어비스윝/UhBee swit;' + CKEDITOR.config.font_names;
댓글(1) 남기기...
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

  • dodo 2018.11.23 16:29 SECRET

    "비밀글입니다."


rhwlsghkcocndgus XE1.9.2 STAGE1.5.2
서버에 요청 중입니다. 잠시만 기다려 주십시오...