'티스토리 폰트'에 해당되는 글 2건

맑은고딕은 마이크로소프트 윈도우즈7 이상의 운영체제에서 기본으로 설치되있는 폰트입니다. 가독성이 매우 뛰어나며 매우 깔끔하고 우수한 디자인을 자랑하는 폰트죠. 티스토리 블로그를 운영하는 분들이 나눔 고딕과 맑은 고딕을 주로 사용하는데 저는 맑은 고딕이 더 맘에들었답니다. 자 그럼 티스토리 블로그에 맑은 고딕 폰트를 기본으로 설정하는 방법을 알아보도록 할께요

 

맑은고딕 폰트 예제

 

 

티스토리 관리자 메뉴 진입

첫번째로 티스토리 관리자 메뉴로 들어갑니다. ( 티스토리에 로그인된 상태면 블로그 화면에서 키보드 'Q'키를 누르면 관리자 모드로 바로갑니다. ) 왼쪽 메뉴에서 HTML/CSS 편집을 선택합니다.

 

 

Ctrl + F : Font

키보드의 Ctrl 키를 누른 상태에서 F를 눌러 웹브라우저의 검색창을 활성화 합니다. 아래의 화면처럼 웹브라우져의 상단에 하나의 바가 더생깁니다. ( 구글 크롬의 경우에는 오른쪽 상단에 작은 검색창이 생깁니다. ) 그리고 찾기 오른쪽 검색칸에 font 라고 입력합니다.

 

 

이제 아래의 화면처럼 skin.html의 오른쪽에 있는 화살표를 한번눌러 창을 작게 만들어줍니다. 우리가 수정해야될 부분은 style.css 부분이기때문에 위의 HTML부분은 작게 줄여서 보기 편하게 해주는거죠. 그리고 css 의 오른쪽 화살표도 한번눌러서 style.css 창을 넓게 확장합니다.  

 

 

Malgun Gothic , 입력

이제 Style.css화면에서 노란색 형광펜으로 칠한듯하게 표시된 font의 부분을 확인해가면서 글꼴 부분에 Malgun Gothic이라고 입력해줍니다. 아래의 화면을 보면 맨위의 바디 폰트 부분에서 Dotum 등의 글씨체가 표시된 바로 앞에 Malgun Gothic 그리고 콤마 , 를 추가로 입력해줍니다.

 

 

다음으로 Ctrl+F를 눌러 불러온 찾기 창을 다시한번 주목하세요 우리가 Font라고 입력한 부분 오른쪽을 보면 '이전', ' 다음' 버튼이 있습니다. 다음 버튼을 눌러서 style.css 부분의  font 나 font-family 부분의 글꼴 리스트 맨앞에 Malgun Gothic을 입력해줍니다.

 

 

 

font로 검색후 Dotum등 폰트이름이 보이면 맨앞에 Malgun Gothic , 입력

 

 

Font 로 검색한 후 아래의 스크린샷처럼 font-family 부분도 변경을 해주셔야합니다. Malgun Gothic , 를 다른글꼴 맨앞부분에 모두 적어주고 '미리보기'를 해보신후 제대로 적용이 안되면 다시한번 font 나 font-family 로 검색하여 모든 글꼴 앞에 Malgun Gothic을 적어주세요

 

 

기본적으로 폰트패밀리 부분을 보면 위 화면의 나눔고딕은 기록되있지 않습니다. 보통 font-family : dotum , sans-serif ; 등의 글꼴로 표시되있답니다. 어째됬건 폰트패밀리나 폰트로 검색하여 돋움이나 기타 글꼴 앞에 Malgun Gothic , 를 넣어주시면 블로그의 글을 맑은 고딕으로 볼 수 있습니다.

 

 

* 이 방법은 시스템에 맑은 고딕이 기본적으로 설치되 있을때 보이는 방식입니다. 윈도우즈7이상의 시스템에서는 기본적으로 설치되는 폰트이기 때문에 잘 표시될꺼에요 혹시 XP를 사용하는 시스템의 경우엔 2013년을 기점으로 MS의 공식지원이 끝난상태의 XP를 윈도우7이나 윈도우8로 업그레이드 할것을 권장합니다. *

 

* 티스토리의 글쓰기 모드에서는 맑은고딕으로 적용된 상태에도 맑은고딕으로 보이지 않습니다. 미리보기를 항상 눌러서 확인하시거나 혹은 비공개로 저장한 후 블로그에서 제대로 나오나 확인한 후 발행을 해주세요



블로그 이미지

낭만가을

,

어떻게 하면 나의 티스토리 블로그 가독성을 높일 수 있을까요?

블로그를 운영하면서 드는 고민 중 하나가 내 블로그의 글들을 모든 사람들이 편하게 읽을 수 있을지 의문이 듭니다. 

사람들이 편안하게 긁을 읽는 조건은 어떤 것들이 있을까요?

무조건 폰트크기를 크게 한다고 해서 잘보이는 것은 아니겠죠.
블로그의 디자인 컨셉에 맞는 폰트선택 줄간격, 글자간격, 폰트색상등 많은 요소들이 맞아 들어가야지 긁을 읽는데

피로감 없이 편안하게 읽을 수 있는 것 같습니다.

티스토리에서 기본적으로 제공하는 글의 줄간격, 글자간격은 조금 가깝에 붙어 있기 때문에 글을 보는데 조금 
불편합니다. 기본값을 왜 이렇게 설정해 놨는지 모르겠군요.

 

그럼 티스토리 본문 글속성 변경방법을 알려 드리겠습니다.
*제 블로그는 폰트는 맑은고딕,  줄간격 210% , 폰트사이즈 10px, 글자색 #353535, 글자간격은 기본값을 사용하였습니다.

티스토리 관리자 모드에서 HTML/CSS 편집에 들어갑니다.

 

 

Ctrl + F 누르신 후 찾는 문자열에 .article 입력 후 찾기 버튼을 누릅니다.

Style.css  .article a:link  위에 .article 이동되는지 확인 합니다.

 

 

 

 

.article 안의 내용들을 수정해 주면 됩니다.
*정하시기 전에 꼭 스킨->보관함에 저장을 한번 하신 후 적용하시기 바랍니다. 혹시 문제가 생기면 
저장해 놓은 스킨을 다시 적용시키면 원상복구 됩니다.

 

 

 

 

*@post-body-font-family=*/Malgun Gothic 맑은 고딕 폰트로 변경하시고 싶으시면 Malgun Gothic 입력합니다. 
아마 기본폰트는 다른것을 지정 되어있을 것입니다.

 

color:/*@post-body-color=*/#353535  #353535으로 변경하시면 제 블로그의 글자 색과 똑같아 집니다.
RGB 색상표를 이용해서 바꿔주시면 다른색상으로도 변경 가능합니다.

2013/12/08 - [컴퓨터/소프트웨어] - RGB코드 추출 프로그램

 

hidden; 뒤에 line-height:210%; 추가 해주시면 줄간격이 조정됩니다. 210% 바꾸시면 줄간격을 늘릴수도

있고 줄일 수도 있습니다.

 

저는 기본 글자간격이지만 간격을 바꾸시고 싶으시면 line-height:210%; 뒤에 letter-spacing:1px; 추가

해주시면 됩니다.
1px값을 바꾸시면 글자간격을 마음대로 조정가능합니다.

 

모두 수정 후 저장버튼 누르시면 블로그에 적용됩니다.


블로그 이미지

낭만가을

,