글꼴(웹폰트)추가 문제입니다. 도와주세요 help me please!!! > 그누4 플러그인

그누4 플러그인

그누보드에는 여러가지 기능 추가가 쉽도록 제작 되었습니다.
플러그인의 저작권은 해당 플러그인 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

글꼴(웹폰트)추가 문제입니다. 도와주세요 help me please!!! 정보

글꼴(웹폰트)추가 문제입니다. 도와주세요 help me please!!!

본문

아래에도 어떤분이 질문하셨던데 답변이 없네요^^ 글꼴(웹폰트)추가 문제입니다.
오누리빌더를 사용중인데 지에디터를 활성화해서 사용하고 있습니다, 여기서 글을 작성할때 메뉴아이콘에보면 글꼴을 지정할수있게끔 되어있습니다.(그림참조)
여기에 확장자 eot인 웹폰트를 넣으려합니다. 어디를 수정하면 되는지와 방법을 알려주시면 감사하겠습니다.
추천
0

댓글 전체

웹폰트는 지에디터에 넣는 것이 아니라 홈페이지 css파일에 넣어주시면 됩니다.
(이정도 질문을 하시는 분이라면 css파일 설명안드려도 되겠죠?)
css파일 상단에 보여주고자 하는 웹폰트를 지정합니다.
@font-face { font-family:폰트이름(가급적 영문); src:url(웹폰트.eot); }


geditor.js 파일 열어서 438줄에 보면 아래와 같은 부분이 있습니다.

    var font_kor  = ['Gulim', 'GulimChe', 'Dotum', 'DotumChe', 'Batang', 'BatangChe', 'Gungsuh', 'GungsuhChe'];
    var font_kori = ['굴림', '굴림체', '돋움', '돋움체', '바탕', '바탕체', '궁서', '궁서체'];
    var font_eng  = ['Verdana', 'Tahoma', 'Arial', 'Arial Black', 'Courier', 'Times New Roman'];

font_kor 은 한글폰트의 영문 닉네임이라 생각하세요.
(style에서 font-family가 지정되는 이름입니다.)
font_kori 는 에디터에 출력되는 폰트명입니다.
font_eng 는 영문폰트이구요.

무료 웹폰트 티티체를 넣는다고 가정하고,
    var font_kor  = ['Gulim', 'GulimChe', 'Dotum', 'DotumChe', 'Batang', 'BatangChe', 'Gungsuh', 'GungsuhChe', 'TTChe'];
    var font_kori = ['굴림', '굴림체', '돋움', '돋움체', '바탕', '바탕체', '궁서', '궁서체', '티티체'];

위에 같이 font_kor에는 'TTChe' 라고 하고 font_kori에는 '티티체'라고 추가해주면 됩니다.
font_kor에 지정한 TTChe는 처음에 언급한 CSS파일의 이름과 동일해야 합니다.
ex) CCS파일
  @font-face { font-family:TTChe;src:url(웹폰트.eot); }


수정을 완료하시고 글쓰기에서 폰트 부분 클릭하시면 '궁서체' 다음에 '티티체' 가 추가된 것을 확인 하실 수 있습니다.

다만 웹폰트는 글을 작성할 때 추가한 해당 웹폰트를 선택한다고 해서 바로 웹폰트로 보여지지 않습니다.
굴림,돋움,바탕,궁서체들은 이미 윈도우에 설치되어 있는 폰트라서 글 작성시 해당 내용을 드레그하여 폰트를 선택하면 바로 글꼴이 보여지지만 웹폰트는 사용자 윈도우에 설치된 폰트가 아니므로 글쓰기시 적용되지 않습니다.

눈에 바로 보여지지는 않지만 글 작성시 원하는 부분을 드레그하여 해당 웹폰트를 선택한 후 글쓰기를 완료하고, 해당 글을 보시면 웹폰트가 적용된 것을 볼 수 있습니다.

글쓰기 에디터에서 웹폰트 적용한 후 HTML로 보시면 <FONT face=TTChe>가나라</FONT>라고 확인 하실 수 있을 겁니다.

글로 설명하려니 무쟈게 힘드네요 ㅠㅠ

아래 링크로 가시면 테스트로 웹폰트 하나 추가된게 있으니 한번해보시면 무슨 얘기인지 알 수 있을겁니다.
http://www.anyung.com/bbs/list.php?bbs_table=test

추가한 웹폰트는 폰트에서 첫번째에 있는 폰트입니다.
'굴림' 위에 깨알같은 글자.
전체 3,524 |RSS
그누4 플러그인 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT