글꼴(웹폰트)추가 문제입니다. 도와주세요 help me please!!! 정보
글꼴(웹폰트)추가 문제입니다. 도와주세요 help me please!!!본문
아래에도 어떤분이 질문하셨던데 답변이 없네요^^ 글꼴(웹폰트)추가 문제입니다.
오누리빌더를 사용중인데 지에디터를 활성화해서 사용하고 있습니다, 여기서 글을 작성할때 메뉴아이콘에보면 글꼴을 지정할수있게끔 되어있습니다.(그림참조)
여기에 확장자 eot인 웹폰트를 넣으려합니다. 어디를 수정하면 되는지와 방법을 알려주시면 감사하겠습니다.
오누리빌더를 사용중인데 지에디터를 활성화해서 사용하고 있습니다, 여기서 글을 작성할때 메뉴아이콘에보면 글꼴을 지정할수있게끔 되어있습니다.(그림참조)
여기에 확장자 eot인 웹폰트를 넣으려합니다. 어디를 수정하면 되는지와 방법을 알려주시면 감사하겠습니다.
추천
0
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
추가한 웹폰트는 폰트에서 첫번째에 있는 폰트입니다.
'굴림' 위에 깨알같은 글자.
(이정도 질문을 하시는 분이라면 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
추가한 웹폰트는 폰트에서 첫번째에 있는 폰트입니다.
'굴림' 위에 깨알같은 글자.
해결했습니다. 포인트는 style.css, geditor.js 두파일을 수정하는거였네요^^ 친절하신 답변 감사드립니다.