티스토리(태터툴즈) 블로그에 웹폰트 적용하기

Step 1. 무작정 따라하기

1. 웹폰트 다운로드 후, '스킨-스킨편집-직접올리기' 모드에서 업로드.

 2. 스킨 편집을 누르고, 위아래로 나뉜 두가지 창 중에서 위쪽 창의 소스 가운데 <head>와 </head>사이에 다음과 같이 입력해 준다.

<style type="text/css">
@font-face {font-family: 폰트이름; src:url(./images/폰트파일명.확장자);}
a:link {font-family: 폰트이름;font-size: 10pt;}
a:visited {font-family: 폰트이름;font-size: 10pt;}
a:hover {font-family: 폰트이름;font-size: 10pt;}
a:acvite {font-family: 폰트이름;font-size: 10pt;}
body,div,table,tr,td,p,span {font-family: 폰트이름;font-size: 10pt;}
</style>

폰트 이름은 자유로이 입력해도 Ok.

(하지만, 기본 폰트의 이름을 넣는 것이 좋겠죠. ex) 산책10)

'폰트파일명.확장자' 이 부분의 ~./images/... 부터가 경로인데 여기서는 티스토리에 맞춰서 설명하고 있으므로... 파란 부분에만 알아서 넣어주면 되겠다. 10pt 는 폰트사이즈인데, 이 사이즈의 경우 특정한 사이즈에서만 제대로 출력이 되는 폰트가 많으므로 반드시 다운받은 곳에서 적절 사이즈를 확인해서 집어넣어주자.

3. 다시, 위쪽 창 skin.htm 탭에서 article_rep_desc_## 을 검색하여 찾는다. (저 부분이 전체 중 하나 뿐이므로 찾기 쉽다.) 그리고 찾은 부분의 바로 윗 줄을 보면 <div class="article"> 이라는 구문이 있다. 그 구문 옵션에다가 style="font:10pt/150% 폰트이름;" 이와같이 넣어준다.

여기서 10pt 는 역시 폰트별로 적절한 사이즈를 넣어야하고, 150% 는 줄간격이므로 적당한 줄간격을 찾아서 넣어주자. 기본은 당연 100%. (웹폰트는 작고 아기자기한 글씨체가 많기 때문에 150% 정도로 벌려주는 것이 보통 예쁘게 보입니다.)

<div class="article" style="font:10pt/150% 폰트이름;">
이렇게 되면 Ok.

2번의 과정은 업로드 된 웹폰트를 불러온 뒤, 링크 및 본문의 일부 속성에 적용해 주는 것이고 3번의 과정이 블로그의 포스트와 내용물에 폰트를 실제 적용하는 과정이다.

덧: 파이어폭스/오페라/크롬에서는 웹폰트 적용 불가.

(이해하고 따라가는 Step 2 를 보실분은 조금더 펼쳐보세요.)

more..

이올린에 북마크하기(0) 이올린에 추천하기(0)

제 글은 제 블로그 내부에서만 사용하실 수 있습니다.
본문 전체를 외부에서 사용하시려면 링크를 이용해주세요.
펌글은 재차 발행하지 않음을 원칙으로 하고 있습니다.


Tag : , , ,

74 Comments   3 Trackbacks


Trackback URL : http://si-hon.net/trackback/2 관련글 쓰기

  1. 웹폰트 완전정복!

    Tracked from iBlog 2008/03/03 21:43 Delete

    저는 글자체를 좋아합니다. 타이포그래픽에도 관심이 있고, 글자의 다양성, 표현성을 보면 빠져들 수 밖에 없습니다. 그래서 블로그에도 글자체를 적용하고 싶은데, 티스토리에서는 폰트를 다양하게 지원하지 않는군요ㅜ 그래서 검색해봤습니다. "웹폰트" 라고 검색어를 입력하고 엔터를 치니 많은 사이트들이 나왔습니다. 저는 그중에서 시혼님의 티스토리(태터툴즈) 블로그에 웹폰트 적용하기 글에서 많은 정보를 얻었습니다. 저는 시혼님의 글만 보고 웹폰트 파일이 우연히..

  2. 네이버 나눔 글꼴 &amp; 웹폰트 설치

    Tracked from Comgoon's House 2008/10/29 03:36 Delete

    좀 늦은 감이 있지만~ 네이버에서 한글날 캠페인으로 나눔글꼴 2종류를 무료로 공개했다. 관련 링크를 통해 다운을 받을 수 있으며 윈도우 버전과 맥OS버전 두 종류를 제공한다. 두 종류의 글꼴은 위에 이미지 처럼 나눔고딕과 나눔명조체! 사실 나는 가장 일반적으로 많이 사용되는 굴림체를 좋아한다~ 고딕체는 그다지 즐겨 쓰던 글꼴이 아닌데 윈도우 비스타의 기본 글꼴인 맑은고딕체를 보곤 좋아졌다. 근데 이 나눔고딕체는 내가 좋아하던 굴림체와 고딕체의 중간정..

  3. [일상에서] 블로그에 나눔고딕체를 적용했다 :)

    Tracked from ADELIN:夢想家 2008/11/02 17:22 Delete

    예전에 맑은고딕으로 잠시 설정해둔 적은 있었지만, 이렇게 웹폰트 변환까지 이용해서 티스토리에 적용하는 것은 처음인데- 다른 능력자 분들의 블로그를 참조하니 글씨체 바꾸는 게 생각보다 어렵지는 않았다. 아마 웹폰트로 설정을 해두었기 때문에 다른 사람들한테도 나눔고딕체로 보일 것 같은데 어떨지 모르겠네. 내가 참조한 두 능력자 분의 포스트는, 티스토리에 웹폰트 적용 완벽 정리 (by PPoZZak님) 티스토리(태터툴즈) 블로그에 웹폰트 정리하기 (by..

  1. BlogIcon 나무같이 2007/04/21 00:00 # Delete Reply

    웹폰트가 궁금해서 찾아왔다가 잘 알았습니다~
    유용한 정보 감사합니다. ^^

  2. BlogIcon 시혼 2007/04/21 00:34 # Delete

    앗, 도움이 되셨다니 기뻐요~ 좋은하루 되세요.^^

  3. BlogIcon 밤하늘 2007/04/21 00:42 # Delete Reply

    위와 같이 하면 편하긴 하지만...전체적으로 동일한 폰트가 적용된다는 단점이 있어서...
    전 개별적으로 적용 했습니다. 방법은 제 블로그에 올려뒀습니다.

  4. BlogIcon 시혼 2007/04/21 19:13 # Delete

    개별적용하신 포스트, 못 찾겠어요^^;
    방문 감사해요.^^ 좋은하루 되세요~

  5. BlogIcon 김햇님 2007/04/27 02:12 # Delete Reply

    웹폰트를 바꿀려고 검색중인데 ㅠㅠ 첫번째 쉬운 방법으로 해도 안바뀌네요 ㅠㅠ 왜 이럴까;;; ㅠㅠ

  6. BlogIcon 시혼 2007/04/27 11:04 # Delete

    안녕하세요.^^
    에궁.. 과정을 알면 어디에서 어떻게 하시면 된다고
    수정해 드릴 수 있을텐데. ㅡㅜ 기본적인걸 알려드리고나면
    각자 블로그에 적용하시는 부분을 봐 드릴때가 제일 답답해요 ㅡㅜ

  7. 2007/04/29 12:49 # Delete Reply

    비밀댓글 입니다

  8. BlogIcon 시혼 2007/04/29 15:03 # Delete

    방명록에 글 남겼어요^^

  9. BlogIcon ,사진 2007/04/30 19:28 # Delete Reply

    좋은정보 감사합니다. 저도 활용해 봐야겠네요.

  10. BlogIcon 시혼 2007/04/30 22:45 # Delete

    도움이 되었다니 기쁘네요ㅡ. 방문해 주셔서 감사합니다.^^

  11. BlogIcon 그리볕 2007/08/30 00:41 # Delete Reply

    웹폰트때문에 찾아왔어요. 유익한 정보 감사합니다. 덕분에 잘 적용했어요~div체제는 하나도 몰랐었는데 따라하니까 되네요. (노가다;;) 감사합니다.

  12. BlogIcon 시혼 2007/08/30 10:59 # Delete

    예쁘게 바꿔주려면 노가다가 좀 심하긴해요^^;;
    그래도 스킨 자주 바꾸면서 익숙해지면 그것도 복사 신공으로 노가다가 노가다가 아니게 된답니다. ㅎㅎ;; 도움이 되었다니 기쁩니다~.

  13. BlogIcon Bold 2008/02/26 16:05 # Delete Reply

    부분적으로 적용하는 방법은 없나요?

  14. BlogIcon 시혼 2008/02/28 11:20 # Delete

    step2 에서 빨간색 글씨로 된 부분을 보시면요,
    가령 예를 들어 두번째 줄에 a:link 다음에 있는
    빨간색 부분의 경우에는 '링크'글씨의 폰트를 바꾼다는 속성입니다.

    step2에서처럼 스타일 시트를 수정하는 경우
    보통 폰트 속성이 저렇게 줄 별로 지정되어 있구요
    각 줄의 맨 앞에는 그것이 본문인지, 카테고리인지, 또는 제목 글씨인지 등등...
    그 폰트 속성이 적용될 부분이 표시되어 있습니다.

    전체적으로 예쁘게 적용하시는 것과 마찬가지로
    부분적용 역시 스타일 시트를 곰곰이 살펴보시고 고치셔야 해요.

  15. BlogIcon Bold 2008/02/28 13:55 # Delete Reply

    제가 질문을 잘 못 했네요;
    본문 내용에서 부분적으로 바꿀 수 있는 방법은 없나요?
    예를 들면 윗 줄의 문장에서 "부분적"이라는 단어만 웹 폰트를 적용하는 방법이요.

  16. BlogIcon 시혼 2008/02/28 19:21 # Delete

    그건 스킨 단계에서 처리할 부분이 아니고요...
    글을 쓰실 때 위지윅에서 Html 코드를 수정할 수가 있을겁니다.

    스킨에서 본문 전체에 폰트를 적용하게끔 해 두셨다면,
    글을 쓰실때(가령 티스토리라면 글쓰기 박스 우측위에 EDIT 버튼이 있습니다.)
    Html 코드 수정을 누르셔서 <font> 태그를 사용해서
    직접 다른 폰트를 불러오도록 작성해 주셔야겠지요.

    웹폰트를 특정한 문구가 나올때만 사용하시려면
    일단 폰트 자체는 올려두시고요, 위에 Step2에 있는
    <head> 에서 웹폰트를 읽어오는 기본 구문은 적어주신 다음..
    글을 쓰실때마다 해당 글의 html 코드를 수정하는
    방식으로 사용하실 수 있습니다.

  17. BlogIcon Bold 2008/03/02 23:33 # Delete Reply

    답변 감사합니다^^
    관련 글을 곧 포스팅할 예정입니다. 글이 완성되면 트랙백을 보낼께요.
    근데 아쉽게도 부분 적용은 안 되네요. 스타일 태그를 본문에 쓰면 내용과 함께 사라져버립니다ㅠㅠ

  18. BlogIcon 시혼 2008/03/03 12:19 # Delete

    도움이 되셨다니 다행입니다..^^
    부분 적용에 대해서도 시원하게 해결이 되셨다면 좋았을 것을. ㅡㅜ
    트랙백 기다리고 있겠습니다.~

  19. BlogIcon 복꼬 2008/05/27 17:47 # Delete Reply

    step1, 2 둘다 해봤는데 적용이 안되요ㅠㅠ
    도와주세요!!!!!!!!!!!!!ㅠㅠ

  20. BlogIcon 시혼 2008/08/20 14:19 # Delete

    헉.. ㅡㅜ 넘 간만에 댓글을; 죄송해요..
    지금쯤 해결 하셨으려나..

  21. BlogIcon 나르샤 2008/08/19 10:08 # Delete Reply

    좋은 정보 감사합니다..
    많은 도움이 됐어요..즐거운 하루 되세요..^^

  22. BlogIcon 시혼 2008/08/20 14:19 # Delete

    좋은 하루 되세요.^^

  23. BlogIcon 히롬이 2008/08/25 16:34 # Delete Reply

    좋은정보 감사합니다^-^

  24. BlogIcon 시혼 2008/08/27 22:50 # Delete

    방문해 주셔서 감사해요^^ 히롬이님. 좋은하루 되시길.~

  25. BlogIcon yuiki 2008/08/27 21:53 # Delete Reply

    좋은 정보 감사합니다!
    덕분에 블로그에 무사히 폰트를 달았답니다
    다시한번 말하지만 정말 감사합니다

  26. BlogIcon 시혼 2008/08/27 22:51 # Delete

    도움이 되셨다니 기쁩니다.^^

  27. BlogIcon 쇼센 2008/09/19 06:17 # Delete Reply

    덕분에 잘 설치해서 이쁘게 쓰고 있습니다. 감사르~~

  28. BlogIcon 시혼 2008/09/20 12:29 # Delete

    예쁜 블로그 만드세요.~ 방문해 주셔서 감사합니다!

  29. 여행객 2008/10/11 12:12 # Delete Reply

    이런식으로 하면... 완성된 글은 웹폰트로 보이게 할 수 있는데말이죠...
    문제는 글쓴이가 직접 본문란에 글을 쓸 때(글쓰기 에디터에서) 웹폰트로 표현하는
    방법은 없을까요 ?????????????????????

  30. BlogIcon 시혼 2008/10/13 00:04 # Delete

    흠.. 그 부분에 대해서는 불가능하다고 말씀드려야할 것 같습니다. 에디터의 폰트를 변경하는 부분은 글의 작성자 권한이 아니라, 최고 관리자 권한에서 직접 블로그 프로그램을 만져주어야 하는 부분이기 때문입니다.

    그런 이유로... 티스토리라든지 이글루스 등등 가입한 뒤 서비스를 이용하게 되는 사용자의 입장에서는 불가능하겠지요.

    직접 계정을 구입하신 뒤, 블로그 프로그램을 서버에 업로드 하는 방식의 블로그라면 혹시 가능할지도 모르겠네요. 다만.. 그렇게 하려면, 이 글의 본문에서 설명하고 있는 그런 '웹'적인 방법이 아니라 PHP 등의 '웹 프로그래밍'에 관련된 문제로 넘어가 버리기 때문에 저로선 전혀 문외한인 다른 분야가 되어버립니다..^^;;

  31. BlogIcon 해맑은탱쟈 2008/10/28 10:26 # Delete Reply

    skin쪽에서 아무리 바꿔봐도 소용없어서 step2를 따라했더니 잘 됐어요~
    좀 번거롭긴 했지만 결국 원하는 웹폰트 설치했습니다
    감사합니다^^

  32. BlogIcon 해맑은탱쟈 2008/10/28 18:31 # Delete Reply

    흑! 다른 컴퓨터에서 확인해보니 제대로 나오지 않는군여 ㅠㅠ
    대체 뭘 잘못한걸까요.....도대체 뭐가!! 시키는대로 했는데 ㅠㅠ

  33. BlogIcon 해맑은탱쟈 2008/10/29 03:37 # Delete Reply

    이것저것 건드리다가 스킨 변경하고 다시 해봤더니 잘 되네요
    근데 이전 스킨으로 다시 돌아와서 해봤는데 또 안되고 ㄱ-;;
    결국 스킨 변경해서 사용하려합니다 ^^;;

  34. BlogIcon 시혼 2008/10/29 10:13 # Delete

    개별적인 스타일시트에 따라서 적용 방식도 많이 달라서
    시원한 대답을 드릴수가 없네요. ㅡㅜ
    그래도 해결을 하셨다니깐 다행입니다..^^;
    좋은 하루 되세요ㅡ.

  35. BlogIcon 아델린 2008/11/02 17:26 # Delete Reply

    이야! 시혼님 포스트 덕분에 제 블로그도 폰트를 바꿀 수 있게 되었습니다.
    고맙습니다~ 폰트 바꾸고 나니 깔끔하네요.

  36. BlogIcon 시혼 2009/01/04 12:05 # Delete

    도움이 되셨다니 저도 흐뭇..^^

  37. BlogIcon 자반고등어 2008/12/28 20:08 # Delete Reply

    웹폰트를 설정해서 수정했는데요..
    이상하게 폰트가 설치된 pc에서 밖에 안보이는데..
    이거는 왜 그런지 그 이유를 알수 있을까요??

  38. BlogIcon 시혼 2008/12/29 09:33 # Delete

    설치된 PC에서 밖에 안보인다... 라고 하시면,
    경로 설정을 하실 때 웹에 업로드 하신게 아니라
    PC에 있는 경로대로 그냥 설정해 버리신 게 아닌가요?

    C:\document.... 이런 식으로 설정하신게 아닌지 확인해 보세요.

  39. 희님 2009/01/03 21:43 # Delete Reply

    감사합니다 :)
    처음에 안됐다가 다시 하니까 되더라구요!
    step2는 차근차근 해봐야겠어요 ~

  40. BlogIcon 시혼 2009/01/04 12:05 # Delete

    Step.2도 성공하시길 바랍니다.^^/

  41. BlogIcon 바노 2009/01/08 19:28 # Delete Reply

    덕분에 반듯한 글씨체로 조금 손보았어요.
    아직 할일이 태산이네요 (ㅠㅠ) 아참, 혹시 실례가 아니라면
    시혼님 블로그에 쓰인 이 폰트의 이름을 알수 있을까요? ^_^
    너무 예뻐요, 유료폰트라면 한번 질러볼 의향도 (;;)

    무튼, 잘 배우고 갑니다 감사해용!

  42. BlogIcon 시혼 2009/01/08 19:48 # Delete

    웹폰트 포스트가 많은 분들께 도움이 되는 것 같아서 몸둘바를...
    음흠. 방문에 감사드립니다. (_ _)

    폰트 이름은 '우리바탕체'구요, 본문 오른쪽에 배너란에 있는
    '우리글닷컴'의 상용 폰트입니다.^^ (http://www.woorigle.com/)

    좋은 하루 되세요.~

  43. BlogIcon brainchaos 2009/01/12 12:57 # Delete Reply

    와 감사합니다.
    덕분에 잘 적용 했습니다. ^^;
    즐거운 한주 되세요~~

  44. BlogIcon 시혼 2009/01/13 09:15 # Delete

    방문 감사합니다.^^ 즐거운 한주 되세요..~

  45. BlogIcon 자반고등어 2009/01/17 16:27 # Delete Reply

    아니요..분명히 폰트를 만들어서 계정에 올리고..
    바로 링크를 걸어줬는데도...계속 똑같은 현상이 나타나네요..;;;

  46. BlogIcon 시혼 2009/01/18 11:08 # Delete

    음...; 정확히 소스를 보지 않는 한은
    제가 구체적으로 이렇게 고치면 됩니다ㅡ
    라고 말씀드리기가 애매하네요. ㅡㅜ

  47. BlogIcon Brainer 2009/01/22 10:27 # Delete Reply

    우와 감사합니다.^^
    저는 나눔 고딕 적용했어요.^^
    한번 구경 와주세요.^^
    한참 해메다가 님 글을 보고 한방에~~
    감사합니다. 꾸벅~

  48. BlogIcon 시혼 2009/01/22 10:40 # Delete

    도움이 되셨다니 기쁘네용.^^ 블로그가 예뻐요..~ ㅎㅎ
    방문 감사합니다. (_ _)

  49. BlogIcon Brainer 2009/01/22 20:54 # Delete Reply

    저기 시혼님...
    난감하시겠지만...
    저희 집 안방에는 웹폰트 파일이 존재하지 않고
    거실 컴퓨터에만 웹폰트 파일이 있거든여?
    그런데 웹폰트 파일이 없는 안방 컴퓨터에서는 웹폰트가 적용 안되있더군요...
    웹폰트 파일도 업로드 되어 있고 HTML/CSS도 그대로인데...
    왜 이런거죠?...

  50. BlogIcon 시혼 2009/01/22 21:02 # Delete

    그런 부분에 대해서는... 위에 분 답변에도 말씀드렸다시피
    과정대로 분명히 해서 소스나, 업로드 상황에 문제가 없다면
    제가 답변 드리기가 참 애매해요. ㅡㅜ
    소스 전체를 상세히 확인하고, 각각의 컴퓨터의 환경도
    점검해 보지 않고서는 확답을 드리기가 곤란하답니다..

    단순히, 웹브라우저가 과거의 서핑 기록을 저장해 둔 환경 때문에
    그렇게 보이는 것일수도 있기 때문에 새로고침이나 이전의 기록 삭제만으로
    해결되는 경우도 있으니 여러가지로 시도해 보시라는 말씀 밖엔 못 드리겠네요.

  51. BlogIcon Brainer 2009/01/22 21:09 # Delete

    역시나...
    그렇군요
    알겠습니다.
    내일 다시한번 점검해 볼께요...

  52. BlogIcon 박재환 2009/01/28 09:37 # Delete Reply

    ㅎㅎ 안녕하세요.
    열심히 한다고 따라했는데요....
    ㅋㅋ 잘안되네요. 어떤거는 변화가 없고 어떤거는 글자가 누워버리고..ㅠ.ㅠ
    어디서 부터 잘못되었는지는 모르겠네요.
    왼쪽사이드바는 글씨가 누워버리고 오른쪽 사이드바는 간혹 드러눕는게 있고
    본문글은 아무변화없고....

  53. BlogIcon 시혼 2009/01/28 12:30 # Delete

    역시... 그런 부분들은 개별적인 소스의 코딩 상태에 따라 다릅니다..^^;
    시원하게 설명 드리기는 곤란하네요. ㅡㅜ

  54. BlogIcon 박재환 2009/01/28 16:48 # Delete Reply

    저기요....혹시
    폰트 바꾸면 자기 컴에만 모양이 나타나고 다른 컴에는 그냥 일반 폰트가 나오나요?
    제가 오전에 바꾸고(집컴은 ok)...회사 들어와서 보니까 안바꾼걸로 나오네요.

  55. BlogIcon 시혼 2009/01/28 18:48 # Delete

    웹폰트라면 그렇지 않아야 정상입니다.
    그럴 경우, 스킨에 적용하실 때 경로 설정이 잘못되지는 않았는지
    혹은 확인한 외부 컴퓨터에서 열어본 페이지의 임시 파일 때문에
    페이지 갱신이 안되는 것은 아닌지ㅡ 두가지 정도를 확인해 보시면 될것 같네요..~

  56. BlogIcon 박재환 2009/01/29 07:57 # Delete Reply

    예........감사합니다.
    웹폰트로 변환중에....Subset-All.txt란 파일은 도대체 어디서 생긴겁니까?
    도대체 저 파일의 정체가?????

  57. BlogIcon 시혼 2009/01/29 09:00 # Delete

    죄송; 전 일반 폰트를 웹폰트로 만드는 건 몰라요..;
    상용 웹폰트 사용자라서..

  58. BlogIcon 글쎄; 2009/02/01 11:59 # Delete Reply

    감사합니다 따라하니까 잘되네요,,

    글고 위에 박재환님,, 그 파일은,, 일반 폰트를 웹폰트로 말들때 필요한 파일입니다

    웹폰트 만드는 법을 찾아보시면,, 금방 아실듯..

  59. BlogIcon 푸른소금 2009/02/07 02:15 # Delete Reply

    감사합니다 > <
    웹폰트로 검색해서 들어오게 되었는데, 덕분에 티스토리에도 무사히 웹폰트를 설치할 수 있게 되었답니다.
    귀중한 포스팅 감사드립니다^^)

  60. BlogIcon 시혼 2009/02/07 10:02 # Delete

    방문 감사합니다.^^ 좋은 하루 되세요.~

  61. BlogIcon ㈜제롬이네's™ 2009/02/19 22:20 # Delete Reply

    감사합니다.
    덕분에 맑은고딕체를 잘 적용했습니다.

  62. BlogIcon 시혼 2009/02/20 09:05 # Delete

    예쁜 블로그 만드세요.^^

  63. 2009/04/02 00:48 # Delete Reply

    비밀댓글 입니다

  64. BlogIcon 시혼 2009/04/02 09:33 # Delete

    끙.^^; 도와드릴려구 소스 편집해서 방명록에 글 쓰려고 하니
    차단되어서 이용할 수 없다는 메시지가... OTL
    절 차단하시다니 미워할.....이 아니라!

    티스토리 에러인가봐요; 여기가 회사라 그런걸지두.
    일단, 편집한 소스는 제가 제 자료실에 넣어뒀으니 받아가 주시겠어요.

    이 블로그 오른쪽 사이드바를 보시면, 스프링노트 링크 밑에
    sticube 라고 위젯 있는거 보이시나요? 거기가 자료실이구요
    윗줄 아이콘 다섯개 중에 왼쪽에서 두번째껄 누르시면
    파일 다운로드 타입으로 큐브가 바뀌어요.
    거기서, file 폴더를 누르시고 리스트 중에
    '사과네님 웹폰트 소스.zip' 파일을 받아서 가져가심 됩니다.^^;

    자료실은 며칠 있다가 비우게되니까, 가져가신다음 확인 댓글 한개만 주세요.~

  65. 2009/04/02 20:46 # Delete Reply

    비밀댓글 입니다

  66. BlogIcon 시혼 2009/04/02 23:04 # Delete

    아.. 그 방법으로 적용이 안되시는거라면, 스킨 문제가 맞구요
    스타일 시트와 skin.html에 적용된 스타일 간의 충돌 때문에 그렇습니다.
    스킨마다 skin.html / style.css 소스는 모두 천차만별인지라
    무작정 따라하기 방식으로는 안되는 경우가 아주 많아요.

    간단히 말씀드리면, 스타일 시트에서 폰트를 지정해 줬는데도
    skin.html 에서 다시 명령을 하니 어떤걸 불러올지 몰라서
    블로그가 그냥 스타일 시트 껄 우선 해 버리는 거 같네요.
    그럴땐 step.2 방법으로 적용하시면 십중팔구는 해결 될거라고 생각합니다.

    (마지막에 물어보신 부분은, 곤란해요. ㅡㅜ
    정 뭣하시면 소스를 다시 수정해서 드릴 수는 있을듯 한데
    시간이 좀 걸릴 것 같습니다.^^;)

  67. 2009/04/03 11:06 # Delete Reply

    비밀댓글 입니다

  68. BlogIcon 평범 2009/04/05 23:31 # Delete Reply

    잘 배우고 갑니다. 무작정 하는 것도 어렵네요;;; ^^/

  69. BlogIcon 사과네 2009/04/07 10:42 # Delete Reply

    안녕하세요. 시혼님.
    웹폰트를 분문에 적용시키는 건 겨우 해냈답니다.
    헤더 바꾸는 것도 여러 글들을 검색한 결과 성공했는데요
    제 글의 제목과 블로그소개글과 태그목록과 최근에 남긴글.코멘트..등등.... 암튼
    사이드바에 있는 목록들은 아무리 소스를 건드려봐도 바뀌질 않아요.
    아마 태그를 이해 못하는 제 실력 탓이겠죠.
    이 부분에 있어서 도움이 절실히 필요하네요. ㅠㅠ 포스팅하기도 바쁘실텐데
    자꾸 귀찮게 해드리는것 같아 죄송해요. 소스고치기 정말 어려워요.

  70. BlogIcon 시혼 2009/04/12 12:41 # Delete

    스타일시트에서 고치셔야해요.
    스타일시트에 보시면 주석들이 많이 달려있습니다.
    '<--어느부분-->' 이런식으로 된 주석들 중,
    적용이 안된 부분을 찾으셔서 'font' 태그를 중심으로 고쳐보세요. ㅡㅜ
    태그사용 위치는 소스마다 정말 다 틀리기 때문에..ㅜㅜ

    가령 font style=dotum... 이런식으로 되어 있다면
    돋움체로 지정이 된건데요, 이런식으로 스타일 시트에
    지정이 되어 버리면 그게 우선시 되어서 웹폰트가 안나옵니다.
    저런걸 전부 웹폰트로 바꿔주셔야 해요.

  71. BlogIcon Xeno♪ 2009/04/27 17:19 # Delete Reply

    포스팅해주신대로 적용해보고 잘 안되서 질문올립니다.
    파일업로드에서 폰트파일을 올린 후에
    <head>와 </head>사이에

    <style type="text/css">
    @font-face{font-family:디지영이체; src:url(./images/디지영이체.ttf);}
    a:link{font-family:디지영이체;font-size: 10pt;}
    a:visited{font-family:디지영이체;font-size: 10pt;}
    a:hover{font-family:디지영이체;font-size: 10pt;}
    a:active{font-family:디지영이체;font-size: 10pt;}
    body,div,table,tr,tdp,span{font-family:디지영이체;font-size: 10pt;}
    </style>

    까지 넣어주고,
    <div class="article"style="font:10pt/150%디지영이체;">
    이 부분도 따라서 수정했습니다.


    근데 폰트가 블로그에 적용이 안되네요 ㅠㅠㅠ
    그냥 무턱대고 하란대로 했는데 안되요~ 라고 하면
    시혼님께서도 난감하실거 같아서 제 html에 올린 그대로 복사해서 붙여넣기 해서 질문합니다 ㅠㅠㅠ 조언 부탁드릴께요

  72. BlogIcon 시혼 2009/05/04 13:22 # Delete

    음, 이 경우에는 아래쪽 스타일시트를 만져주셔야 할거예요.
    스타일시트에서 폰트를 지정해 주고 있는 경우
    상단 html에서 폰트를 바꿔도 그게 충돌해 버리기 때문에
    양쪽다 적용이 안되거나 한쪽만 적용되는 등 에러가 생기거든요.

    좀 힘드시더라도 step.2를 따라해 보시길 권해드려요. ㅡㅜ

  73. BlogIcon SSun 2009/06/22 13:01 # Delete Reply

    감사합니다 *_* 덕분에 완벽 적용! 기분이 날아갈 것 같아요

  74. BlogIcon S. 2009/06/22 13:16 # Delete Reply

    와우. 요 포스팅이 인기 최고네

Leave a comment

« PREV : 1 : ... 235 : 236 : 237 : 238 : 239 : 240 : 241 : 242 : 243 : ... 272 : NEXT »


Site Stats

Entries

  1. : ....
  2. : 도키메키 메모리얼 GS 2nd 드라마CD..
  3. : 스트레스.
  4. : 그나저나.
  5. : 느려서 쓰는 글.
  6. : 마지막 사랑 -박기영
  7. : ▶◀ 좋은 곳으로 가시길...
  8. : Good Night.
  9. : 도키메키 메모리얼 GS 2nd -시바 카..
  10. : 도키메키 메모리얼 GS 2nd -사에키..

Comments

  1. 23:31 S.: 왜왜왜왜왜왜왜왜무..
  2. 07/02 S.: 듣다가 볼륨을 올리..
  3. 07/01 S.: 아침이다아아아아....
  4. 06/30 TackleV: 월급 150 주면 직업..
  5. 06/30 S.: 트랜스포머를 보러..
  6. 06/28 폐묘: 월요일에 부목 대고..
  7. 06/27 spooky: 언제나 구두에 탑승..
  8. 06/27 시혼: 샀음. 하지만 반은..
  9. 06/27 시혼: 올라가 서는거돠.
  10. 06/27 S.: 신발위에 올라가려..

Trackback

  1. 06/17 EQUILIBRIUM: 유럽, 오페라(..
  2. 03/31 Mochaosu-story: 친구 소개 바..
  3. 02/06 Great Inska: 구글 어플리케..
  4. 2008 사과 속 자그..: 파리넬리
  5. 2008 Mochaosu-story: 팔을 안으로..
  6. 2008 ADELIN..: [일상에서] 블..
  7. 2008 Comgoon's House: 네이버 나눔..
  8. 2008 iBlog: 웹폰트 완전정..
  9. 2007 obbaya.com: 유명 도메인등..
  10. 2007 Always Renewal: 웹폰트.. 우리..

Link

  1. Mochaosu-story
  2. 순철그리기는 조각배

RSS Feed
Subscribe to RSS articles