Search Results for 'eot'
3 POSTS
- 2010.05.21 티스토리에 나눔고딕 ExtraBold 웹폰트를 적용해 봅시다 (14)
- 2010.05.20 티스토리에 나눔고딕 웹폰트 글꼴을 적용하는 간단하고 확실한! 방법 (48)
- 2010.05.19 폰트를 웹폰트로 변환하는 방법 - TTF를 EOT로 변환 (8)
티스토리에 나눔고딕 ExtraBold 웹폰트를 적용해 봅시다
Posted 2010. 5. 21. 10:59 by 나난오예티스토리 블로그에 나눔고딕 웹폰트(eot)를 사용하고 계신가요??
그렇다면 강조하고 싶은 문구에 사용하면 딱 좋은 제목용 글꼴인 나눔고딕 ExtraBold도 써보세요.
포스트 제목이나 블로그 텍스트 로고용으로는 딱입니다!
언니는 아직 웹폰트 안 쓴단다....
그렇다면 언니는 아래 글부터 먼저 읽고 오세요...
[Tip·Trick] - 티스토리에 나눔고딕 웹폰트 글꼴을 적용하는 간단하고 확실한! 방법
위에 캡쳐 이미지를 보면 나눔고딕 보통과 나눔고딕 ExtraBold의 차이를 비교해 볼 수 있습니다. 제목에 (24pt) 나눔고딕 보통 폰트에 굵게하는 옵션과 나눔고딕 ExtraBold 폰트를 적용해 보았습니다.
나눔고딕 굵게보다 나눔고딕 ExtraBold가 선이 두꺼우면서도 깔끔해 보이지 않나요? 다음 설명을 보면 그 이유를 알 수 있습니다....
자 다시 본론으로 돌아와서 나눔고딕 웹폰트를 블로그에 적용하고 CSS에서 Bold옵션을 주면 왜 글자가 깔끔해 보이지 알게 되셨을 겁니다.
그렇다면 방법은? 나눔고딕 Bold도 웹폰트로 만들어 사용하든지 아님 차라리 나눔고딕 ExtraBold를 사용하여 확실히 강조를 해주는 겁니다.
적용 방법은 역시 같습니다. 일단 아래 폰트를 블로그에 올리시고요....
NanumGothicExtraBold.eot@font-face {font-family:nanum; src:url(images/NanumGothic.eot);}
@font-face {font-family:nanumEB; src:url(images/NanumGothicExtraBold.eot);}
body{font-family:nanum; font-size: 12px;}
div{font-family:nanum; font-size: 12px;}
@font-face {font-family:nanumEB; src:url(images/NanumGothicExtraBold.eot);}
body{font-family:nanum; font-size: 12px;}
div{font-family:nanum; font-size: 12px;}
위에 코드를 CSS에 추가한 다음 나눔고딕 ExtraBold를 사용하고 싶은 부분에 nanumEB를 추가해 주면 됩니다.
Tag : eot, WEFT, 글꼴, 나눔고딕, 나눔글꼴, 웹폰트, 티스토리, 포토샵, 폰트
Filed under : Tip·Trick
티스토리에 나눔고딕 웹폰트 글꼴을 적용하는 간단하고 확실한! 방법
Posted 2010. 5. 20. 06:37 by 나난오예
10분 안에 간단(?)하면서도 확실하게 티스토리 블로그에 나눔고딕(또는 다른폰트) 웹폰트를 적용하는 방법을 알아 보도록 하겠습니다.
흠...10분이라? 내가 지금 2시간째물론 되긴 됩니다. 단 몇 가지 조건들이 딱 맞으면...1분 만에도 가능합니다.
삽질 중인데 말이 되니~?
CSS_Code.txt
어떤가요? 참 쉽죠잉~
Tag : @font-face, css, eot, tff, WEFT, 글꼴, 나눔고딕, 나눔글꼴, 스킨, 웹폰트, 티스토리, 파이어폭스, 폰트
Filed under : Tip·Trick
- 이전 댓글 더보기
-
김수연
| 2011.05.29 00:49 | 댓글주소 | 수정/삭제 | 댓글쓰기 |아 그러시군요ㅠㅠ, 전 어쩌다 개인사진첩 사용으로 쓸 블로그를 찾다 블로그스팟
을 하고싶어져서요.. 그런데 너무 어렵ㅠㅠ..
그럼 나난오예님 말씀대로, eot파일을 외부링크에 올려놓고
@font-face {font-family:rocksalt; src:url()};
body{font-family:rocksalt; font-size: 12px;} 요 url 부분에 주소를 같다붙이면 되는건가요?!
흠 사이트를 찾긴했는데 (http://www.divshare.com/) 링크 적용해봤어도
안되네용.. 제가 너무 몰라서ㅠㅠ읔 다른 쪽 질문으로 해서 죄송해요ㅠㅠㅠ
폰트를 웹폰트로 변환하는 방법 - TTF를 EOT로 변환
Posted 2010. 5. 19. 01:14 by 나난오예
흔히들 Microsoft Weft가 있어야만 웹폰트 eot파일을 만들 수 있는걸로 아는데 이게 없더라도 다양하면서도 간편하고 효과적으로~ 웹폰트를 변환하는 방법이 있다. 온라인으로 서비스를 하는 사이트도 있지만 외국사이트라 상당히 반응이 느리다!
형은 빨리빨리 해결 보기를 원한다고~아래의 방법을 이용하면 누구든지 단 1분안에 간단하게 웹폰트를 만들 수 있습니다!
어떻게 좀 안되겠니?
EOTFAST.EXETag : eot, TTF, WEFT, 글꼴, 나눔고딕, 웹폰트, 폰트
Filed under : Tip·Trick
Jzzn
| 2010.06.13 01:08 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |우와 블로그 바탕화면이 너무 예쁘네요+_+
LeeJinSu
| 2010.06.13 02:23 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |나난오예님 덕분에 유용한 정보 알아가네요.
naburo
| 2010.06.15 15:38 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |올려주신 글 매우 유용한 정보입니다.
며칠이나 이것때문에 씨름했거든요! 감사합니다.
그런데 한가지 궁금한것이 있습니다.
폰트변환후 폰트이름을 css에 적어주는데 나눔고딕의 경우 nanum, 나눔extrbold는 nanumeb 로 하셨는데...
이 이름은 어디서 볼 수가 있나요?
만약에 제가 맑은 고딕을 변환했다면 css에 뭐라고 적어야 할까요?
naburo
| 2010.06.15 22:52 신고 | 댓글주소 | 수정 |예 이유는 읽었는데 ...
임의로 정의해준다는 데서 제가 이해를 못했나보네요~
덕분에 이제야 이해가 갔습니다.
감사~~ 합니다.
김D
| 2010.07.21 17:24 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |포스트 잘읽었습니다~ 따라하기도 쉽네요.
궁금한게 있어서 질문올립니다~
포스트에디터상에서 엑스트라볼드체를 적용하는 방법은 없을까요?
css로 '메뉴에쓰이는글씨' '링크가적용된글씨' 같은 경우가아니라..
본문 중간에 굵게 하고싶은 부분이요~
기초가없어서 횡설수설했는데 이해하실런지...
힘내랏
| 2010.08.18 13:13 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |잘배워서 쓰고있었는데요 ..
오늘 갑자기 nanumEB 폰트가 안먹네요?
잘보이던것도 갑자기 굴림인지 돋움인지로 보이고..;;
그냥 나눔고딕은 잘보이는데 나눔고딕EB만 갑작스래 안보여요 ㅠㅠ
IE8로 갈아탄뒤의 첫접속에 이런일이 ;;
일반 나눔고딕의 자리에 나눔고딕EB를 넣어보니
그냥 굴림으로 나오고 다시 나눔고딕으로 바꾸면 잘나오네요 ;;
갑자기 EB만 안되는 이유가 뭘까요? ;
힘내랏
| 2010.08.19 22:40 신고 | 댓글주소 | 수정 |컴에 설치된 나눔들을 삭제했구요
봤을때 보통 나눔고딕은 잘나오는데 역시나
EB는 표시가 안되네요.. IE8이라서 그런가요?
호환성체크후에 보면 EB까지 문제없이 잘나오는데
IE8일땐 보통 나눔고딕이네요 ..
한가지 더 여쭤보자면..
크롬으로 혹시나하고 확인해보니 나눔고딕이
아예 안나오네요 ..나난오예님 블로그도 그렇구요
혹시나싶어 다른분 블로그를 가니 나눔고딕이 나오네요;
아.. ㅠ.ㅠ 답답하네욤 ;;
장문의 댓글로 괴롭혀드려 죄송합니다 ;;
북원더러
| 2010.08.23 13:39 | 댓글주소 | 수정/삭제 | 댓글쓰기 |어제 보고 따라해서 웬폰트를 지정했거든요-_ㅠ
티스토리를 처음 여는 터라 긴장해서 했긴 했는데요. 제대로 적용이 된 것 같구요.
근데 문제는 자꾸 티스토리 블로그에 접속만 하면 꺼져요-
제가 네이버 블로그도 하는데 그것도 꺼지구요. 아무래도 제 생각에는 네이버에서
다운 받은 나눔고딕체 떄문인것 같은데..잘 모르겠어요. 폰트가 나눔고딕으로 같거든요. 컴퓨터 설정도 아예 윈도우도 나눔고딕으로 써서 충돌해서 그런가 무족껀 네이버 블로그든 티스토리 키면 컴퓨터 꺼지고 파란 화면으로 넘어가서...다시 재부팅-_ㅠ 다른 사이트에서는 안그래요-_ㅠ 도대체 어찌된 영문일까요? 죄송합니다ㅠ
싱커
| 2010.09.25 21:54 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |제껀.. 안되네요 ㅜ,ㅜ..
제목부분만 굵게 하고 싶은데.. ㅜ,ㅜ
싱커
| 2010.09.28 17:34 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |팁블로그에 초대해드리면 쫌 바꿔주시지 않으실래요?~ 제목부분만 굵게 나오면 퍼펙트 하겠는데요 ㅜ,ㅜ
가능하면.. 초대가능한 메일주소 알려주세요~^^;;; 바쁘시다면 무시해주시구요.. 전 괜찮습니다.
동강사랑💙
| 2010.12.07 15:21 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |올려주신 글 보고 티스토리에 나눔고딕을 적용할 수 있었습니다. 초보자 입장에서 쉽게 이해 가도록 자세한 설명에 감사드립니다.
edgar
| 2011.03.10 14:14 | 댓글주소 | 수정/삭제 | 댓글쓰기 |예전부터 궁금해했던 부분들이 속 시원하게 풀렸습니다 ^^
감사합니다!
BFInvestment
| 2011.03.23 11:17 신고 | 댓글주소 | 수정/삭제 | 댓글쓰기 |디자인이 너므 멋지네요 좋은 리뷰 잘보고 갑니다.
꼭 적용 하겠어요 ^^ ㅎ
태안
| 2011.08.11 11:12 | 댓글주소 | 수정/삭제 | 댓글쓰기 |웹폰트는 인터넷 상에서만 되나요?
내 컴퓨터상에 eot를 넣고 불러오는건 안되나봐요??