티스토리 뷰

반응형


 

깔끔하고 가독성좋고 저작권없는 나눔고딕 폰트가 이뻐보여서 저도 바꾸어 봤습니다. ㅎㅎ

우연찮게 아주 예쁜 글씨체가 나눔고딕폰트인걸 이제서야 알게되다니...ㅎㅎ

그래서 여기저기 폭풍검색으로 제 블로그의 글씨체를 나눔고딕폰트로 바꾸어 보았습니다. 

컴퓨터는 그리 잘 알지 못하는 편이라서 

혹시나 제가 나눔고딕폰트로 바꾸어도 

다른분이 나눔고딕폰트가 없으면 그냥 다른 엉뚱한 글씨체로 읽게되지는 않을까? 

하는 걱정도 하면서...ㅋㅋ하지만 그건 아니더라구요.. 



나눔고딕1


일단 티스토리 블로그에 나눔고딕으로 글씨체를 변경하기 위해서는 폰트파일과 이를 적용하는 CSS코드가 필요합니다. 

일단 위의 나눔고딕폰트파일을 다운을 받아두셔야 합니다. 

정말 깔끔한 폰트. 그리고 완전 가독성도 좋은 나눔고딕글씨체...


나눔고딕2

첨부파일을 다운 받으셨다면 이제 이 파일들을 파일업로드를 통해서 저장을 하셔야 합니다. 

그러기위해서 블로그의관리홈▶꾸미기▶스킨편집▶html편집▶파일업로드로 이동을 한 후에 위의 그림처럼 +추가를 클릭합니다. 

그런다음 방금 다운받아두었던 나눔고딕폰트를 업로드를 합니다. 위의 화살표가 나눔고딕폰트를 업로드한 상태입니다. 

업로드가 된 것을 확인하신후에는 저장을 하시고 이제 CSS편집화면으로 이동을 합니다.


나눔고딕3

CSS편집화면에서 ctrl+F 로 @charset 를 찾습니다. 

제가 사용하는 스킨의 경우엔 @charset 이 딱 한개가 제일 상단에 검색이 되더군요.. 찾기가 아주 쉬웠습니다. 

@charset 을 찾으셨으면 바로 위에 아까 다운받아두셨던 티스토리블로그글꼴변경코드를 그대로 붙여넣기 합니다. 

저의 경우는 그냥 편하게 제일상단에 이렇게 붙여넣기했습니다. 


그런다음 이번에는 다시 ctrl+F 로 font-family 를 검색합니다. 

나눔고딕4

제가 사용하는 스킨은 두군데가 검색이 되었습니다. 

이곳의 빨간 글씨로 "NanumGothic" 이라고 쓰여진 부분을 그림처럼 수정해줍니다. 

그런다음 저장을 하시면 나눔고딕폰트를 적용하는 과정이 모두 끝납니다. ㅎㅎ


이런과정을 잘 아시는분에게는 아주 쉬운 과정일텐데... 솔직히 제게는 좀 어려운 과정이었답니다. 

그런데 교체가 되긴 분명 된듯한데 이렇게 한게 맞는건지 모르겠다는.....

하지만 그래도 교체가 되었으니 잘 적용된듯해서 혼자서 흐믓해하고 있습니다. 므흣므흣~~


그런데 좀 달라진건지? 이게 좋은지? 저도 궁금합니다. ㅎㅎ

그리고 글자의 크기도 14포인트에 진하게 한것이랍니다. 이게 좀 가독성이 좋을듯 해서...


크리에이티브 커먼즈 라이선스이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-변경금지 4.0 국제 라이선스에 따라 이용할 수 있습니다.

로그인이 필요없는 공감(♡)과댓글은 저를 춤추게합니다~~

반응형
카카오톡 공유하기 band
TAG
, ,
댓글쓰기 폼
  • 이전 댓글 더보기
  • Favicon of https://0572.tistory.com BlogIcon 『방쌤』 2018.07.16 15:01 신고
    나눔고딕~
    시안성이 좋아서 저도 즐겨 사용합니다
    블로그도,,, 좀 신경을 써야하는데,,,ㅜㅠ
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:49 신고
    폰트교체하면서 이런거 서툴러서 참 많이 고민을 했답니다. ㅎㅎ 글씨도 이젠 노안이 오는지 잘 안보여서 크게 쓴답니다. ㅋㅋ
    주말이 다가옵니다. 즐거움만 가득하시길~~~ 감사합니다.
  • Favicon of https://it-talktalk.tistory.com BlogIcon 도동쓰 2018.07.16 16:17 신고
    나눔고딕을 추가해도.. 검색에 영향이 없을까요?
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:50 신고
    검색에는 영향이 없을듯 합니다. 나눔고딕이라는 폰트가 네이버에서 무료배포한 거라고 하던데... ㅎㅎ
    감사합니다~~
  • Favicon of https://supermam.tistory.com BlogIcon 요즘이야기 2018.07.16 16:35 신고
    계속 실패했는데 도전해봐야겠네요
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:50 신고
    부디 성공하시길 바랍니다. 감사합니다~~
  • Favicon of https://yummystudy.tistory.com BlogIcon 작은흐름 2018.07.16 19:04 신고
    와! 나눔고딕이라는 글씨체가 있군요! 글씨까지 세심하게 신경쓰시다니! 본받아야겠습니다~^^;
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:51 신고
    ㅋ 세심하게 신경쓰는건 아니구요... 그냥 노안이 오는지 글씨도 잘 안보이고해서 크기도 더 크게 했답니다. ㅎㅎ
    주말에 즐거움만 가득하시길 바랍니다. 감사합니다~~
  • Favicon of https://balgil.tistory.com BlogIcon @산들바람 2018.07.16 22:52 신고
    좋아보이네요
    포스팅 잘보고 갑니다.
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:51 신고
    좋아보이신다니 다행입니다. 고민을 많이 했었는데...ㅎㅎ 불금되시길 바랍니다. 감사합니다~~
  • Favicon of https://tkfkdqkesms1004.tistory.com BlogIcon 블랙피스 2018.07.17 07:36 신고
    공짜 좋아하면 대머리 된다지만,
    일단 받아놔야죠 ㅎㅎㅎ
    감사합니다^^
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:52 신고
    폰트는 네이버에서 무료배포하는것이라고 들었습니다. ㅎㅎ 감사합니다~~
  • Favicon of https://kangdante.tistory.com BlogIcon kangdante 2018.07.17 08:13 신고
    우리 글씨체가 다양하면 좋지요
    아름다운 한글입니다.. ^^
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:53 신고
    한글은 정말 아주 뛰어난 글씨인듯 합니다. 특히나 자판을 두드리다보면 막 그런생각이 듭니다. ㅎㅎ
    즐거운 주말 되세요. 감사합니다!~~~
  • Favicon of https://rosiable.tistory.com BlogIcon 로샤씨 2018.07.17 10:09 신고
    오 폰트 바꾸셨군요 가독성이 좋아졌네요 ㅎㅎㅎ
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:54 신고
    좋아보이신다니 다행입니다. ㅎㅎ
    노안이 오는지 글씨도 작은듯 해서 크기도 키웠습니다. ㅋㅋ
    주말엔 즐거움만 가득하세요~~
    감사합니다~~
  • Favicon of https://leemsw.tistory.com BlogIcon 이청득심 2018.07.17 14:12 신고
    능력자십니다....ㅎㅎ 좋은 정보 감사드리구요...
    저도 한번 해봐야겠어요... 잘 되겠죠? ㅎㅎㅎ
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:54 신고
    절대 능력자는 아니랍니다. 만약에 해보신다면 부디 성공하시길 바랍니다. 아마 저보다 더 잘하실듯합니다. ㅎㅎ
    즐거운 주말 되시구요. 감사합니다~~
  • Favicon of https://trusting.tistory.com BlogIcon 애플- 2018.07.17 16:40 신고
    좋은 꿀팁 감사합니다 ^^ 굳~!
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:55 신고
    칭찬 감사합니다. 즐거운 주말 되세요. 감사합니다.
  • Favicon of https://dragonphoto.tistory.com BlogIcon 드래곤포토 2018.07.17 19:53 신고
    잘알고 갑니다.
    마음에 드는 글씨체네요
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:55 신고
    마음에 드신다니 다행입니다. ㅎㅎ
    즐거운 주말 되시길 바랍니다. 감사합니다~~
  • Favicon of https://peterjun.tistory.com BlogIcon peterjun 2018.07.17 22:21 신고
    나눔고딕폰트가 제일 무난하고, 또 제일 좋은 것 같아요. ㅎㅎ
    무료라서 좋기도 하고요. ^^
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:55 신고
    은근히 저도 마음에 드는 폰트랍니다. ㅎㅎ
    오늘 불금이네요. 주말에도 행복가득하시길 바랍니다. 감사합니다~~
  • Favicon of https://marketingbr.tistory.com BlogIcon 마대생 2018.07.17 23:54 신고
    와 폰트 바꾸는 방법이라니...
    카톡에 공유해두고 바꿔봐야겠어요!!!
    좋은 정보 감사합니다!
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:56 신고
    오오오... 공유해주시는거.. 아주 좋아라 합니다. ㅎㅎ 즐거운 주말 되시길 바랍니다. 감사합니다~~
  • Favicon of https://infomobile.tistory.com BlogIcon 모바일 정보창고 2018.07.18 09:13 신고
    나눔고딕은 정말 이쁜 것 같아요 ^^
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:56 신고
    저도 은근 좋아라하는 폰트입니다. ㅎㅎ
    즐거운 주말되세요. 감사합니다~~
  • Favicon of https://deborah.tistory.com BlogIcon Deborah 2018.07.18 09:42 신고
    이런 나눔은 행복합니다. 아주 좋은정보 공유 감사해요
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:57 신고
    좋은말씀 감사합니다.
    여긴 엄청 더운날씨의 연속입니다. 그곳은 어떤지....ㅎㅎ 주말에도 행복만 가득하시길 바랍니다. 감사합니다~~
  • Favicon of https://yonipig.tistory.com BlogIcon 토갱사부 2018.07.18 11:06 신고
    와 이런것도 있어요? 네이버할땐 폰트많이 썼던것 같은데 티스토리도 되는줄은 몰랐어요ㅋ
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:58 신고
    저도 은근히 나눔고딕폰트가 좋아보이더라구요..ㅎㅎ 노안이 오는지 글씨도 작아서 잘 안보여서 크게했답니다. ㅋㅋ
    즐거운 주말되세요. 감사합니다~~
  • Favicon of https://qtdizzy.tistory.com BlogIcon 귀요미디지 2018.07.18 11:57 신고
    새로운 폰트로의 새단장 하셨네요 ㅎ
    부지런해야 가능한일 일거 같아요
    전.....끙
    담에 폰트 바꿀 때 자세하게 참고해야 겠어요 ~~
    맛있는 점심식사 시간이네요 ㅎ
    맛접하세요 ^^
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:59 신고
    뭔가를 바꾸게되면 참 고민을 많이 합니다. 이걸 바꿔도 될까? 나중에 윈도우시스템이 확 바뀌면 적응이 안되는건 아닐까? 등등...ㅋㅋ그래도 뭐... 일단....
    즐거운 주말 되시길 바랍니다. 감사합니다~~~~
  • Favicon of https://dldduxhrl.tistory.com BlogIcon 잉여토기 2018.07.18 13:43 신고
    글씨체가 시원시원한 게 눈에 잘 들어오네요.
    공감 꾹.
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 08:59 신고
    저도 노안이 오는지 작은글씨가 안보여서 크게 했답니다. 나눔고딕으로...ㅎㅎ
    항상 공감해주셔서 너무나 감사합니다. 즐거운주말되세요~~
  • Favicon of https://manitoskin.tistory.com BlogIcon 부동산 2018.07.19 08:49 신고
    와 ~~ 너무 좋아보입니다 ㅎ
    잘보고 갑니다 ~~
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.07.20 09:00 신고
    감사합니다. 즐거운 주말되세요~~
  • Favicon of https://iamnot1ant.tistory.com BlogIcon 베짱이 2018.07.23 00:16 신고
    정말 범용적으로 괜찮은 폰트 같아요.
  • Favicon of https://impresident.tistory.com BlogIcon 절대강자! 2018.11.26 10:34 신고
    아이구... 이 댓글을 이제서야 보게되었습니다. 감사합니다....