Commented by 아스냥 at 2006-07-02 13:24질문이 접수됬으면 강좌를 올리는게 이곳의 룰입니다!
뒤늦게 질문입니다. 혹시.. 웹폰트를 이글루에 적용시키는 것에 대해 아십니까?
갑자기 해보고 싶은데 무작정 해보기엔 뭔가 맘에 걸려서리.. ㅠ_ㅠ
뒤늦은게 절대아닙니다. 저는 질문이 올라오기만을 기달리고 있었을 뿐입니다!
웹폰트 적용하는법은 간단합니다.
사실.. 저는 웹폰트를 제대로 써본적이 없어서 -_-; 웹폰트에 대해서는 잘 모르지만
적용법자체는 쉽기때문에 간단히 올립니다. 예제소스입니다.
<style>위의 예제부분을 [CSS 편집하기]에
@font-face {font-family:폰트명; src:url(http://웹폰트주소);}
body {font-family:폰트명;}
</style>
<style>, </style> 태그는 지운체로 맨위쯤에 넣어주시면됩니다.
아니면 통체로 [HTML편집하기] 맨위에 넣으시면 됩니다.
어디에 넣으실지는 좋을대로 하세요.
넣으시기전에 파란색부분을 알맞게 바꿔주세요.
폰트명 -> 폰트명입니다.
웹폰트주소 -> 웹폰트 주소입니다.
사용하시는 웹폰트명과 웹폰트 주소로 바꿔적어주신후 적용하시면 됩니다.
초록색부분의 body 는 해당웹폰트를 지정할 태그입니다. body 태그 전체에 적용하려면 놔두시고
특정부분에 적용하시려면 그 부분의 태그나 아이디, 클래스로 바꾸어 적어주시면 됩니다.
끝입니다. -_-;
ps. 다음강좌는 아마, 배경그림 랜덤변경이 될것같네요. 시간이 되는대로 올리겠습니다.
ps2. 맑은 고딕 웹폰트 gothic-kcy1019.eot
덧글
이 글 스크랩 해놓을게요~ 헤헤 ^^
dusk / 너무 기대하시면 안되요오;; 언제 올릴지도 모른답니다.
스리 / 감사합니다아;; 리플 달아주시면 저는 매우 무척이나 기뻐한답니다 ㅇ_ㅇ;
아스냥 / 도움이 되셨다면 다행입니다아. 뿌듯하네요!
목성인_Pboy / 그럴땐 지적이시군요! 라고 해주시면...(어이)
질문도 정확히 이해가 안되는지라 뭐라말하기가 힘드네요;;
저 웹폰트 적용법 자체는 폰트만 영향을 주거든요.
스크랩해갈께요. 감사합니다.
당췌 웹폰트 주소가 뭔지 모르겠네요 ㅜㅜ 이글루스에 폰트를 파일로 올린다음
다른이름으로 저장해서 웹폰트 주소에 넣는거아닌가요??덜덜..
어쨋든 감사해요 ㅜㅜ 성공하면 덧글 또 남길게요<< ㅎㅎ..
이번엔 질문하러 왔습니다.
질문 1.
지금 포스팅에는 맑은 고딕을 쓰는 중인데, 퍼헵스파이 님처럼 메뉴에도 맑은 고딕을 쓰고 싶은데요. 어떡하면 되나요?
질문 2.
포스팅 제목도 맑은 고딕으로 하고 싶습니다. 말하자면 제 블로그의 한글이란 한글은 죄다 맑은 고딕으로 통일하고 싶습니다만 어떻게 하면 되겠습니까?
왜 맑은 고딕을 고집하냐 하면 한글은 물론, 일본어도 깨끗하게 나오기 때문이랍니다.
모든 태그에 대한 폰트설정을 맑은 고딕으로 해주시거나 해제하시면 될겁니다. css 태그상에 font-family 라 지정된 설정이 있으면 이걸 전부 맑은 고딕으로 하거나 자체를 지우시면 될겁니다.
좀 쑈크인데요. 맑은 고딕으로 보여라고 이 고딕체를 쓴 건데 말이죠.
어쨌든, 답글, 고맙습니다.
body {font-family:맑은고딕;} 을
body {font-family:맑은 고딕;} 로 수정해보세요.
@font-face {font-family:맑은 고딕; src:url(http://pds11.egloos.com/pds/200812/18/12/gothic-kcy1019_.eot);}
body {font-family:맑은 고딕;}
</style>
이렇게 말입니까? 이렇게 HTML에 에 통째로 넣었는데 적용이 안되네요
폰트명을 꼭 맑은 고딕으로 해야 합니까? 아니면 다른 문제가 있는겁니까?덜덜..
제가 아는 폰트가 없어서 그러는데
글쓸때 보기 편한 그런 깔끔한 폰트좀 추천 받아도 될까요?;;
글을 쓰면 글과 글 사이..그러니까 줄과 줄 사이를 좀 좁게 할순 없나요?
제가 초기때 뭣도 모르고 만져서 그런지 줄과 줄사이가 조금 아주 좀 넓네요;;;
같은 속성값을 사용하시면 됩니다. 1.7em에서 em은 글자 크기를 기준으로 1.7배 정도의 간격이란 뜻입니다. px 값도 먹습니다.