Fastboot본문 글자체 폰트(font) 변경하기

Fastboot본문 글자체 폰트(font) 변경하기

Posted by TheGreatOne
2017.10.11 11:37 키보드사장님/Fastboot Skin

반응형스킨인 Fastboot으로 스킨을 설치하고 나서 하루만에 빠르게 안정화를 찾은후 오히려 검색노출이 강화되었다고 느껴지는건 기분탓일까요. 어쨌든 대만족이니만큼 블로그콘텐츠 강화와 함께 이 스킨을 예쁘게 꾸며나가야겠다는 의지가 불타오르는 요즘입니다. 이제 예쁜 스킨도 설치한만큼 더욱 더 내실을 기하기 위해 콘텐츠강화가 우선이 되어야할 것입니다. 세세한 부분을 손보는 것은 콘텐츠가 충분히 강화되었을때 차근차근 손대어도 늦지 않을거라고 생각해요. 지난번에 우선 본문글씨가 너무 작아 눈이 아프신 분들이 많을 것으로 예상되어 Fastboot의 기본 글자크기를 약간 크게 변경해봤습니다. Fastboot설치후 글자 크기가 너무 작거나 크다고 느끼시는 분은 아래 링크를 타고 본문 글씨 크기를 수정해주시면 됩니다. 2017/10/10 - [키보드사장님/Fastboot Skin] - Fastboot 본문 글씨 크기 변경하기

그런데 말입니다. 글씨크기가 커지고 나니 가독성이 훨씬 좋아지긴 했지만 글자체가 약간 나의 이상형이 아닌 것 같다는 생각이 들었습니다.  그래서 폰트를 바꿔바야겠다는 생각이 들었지요. 여러분도 유료폰트나 나만의 폰트가 있다면 그걸로 바꿔보시는것도 좋을 것 같네요. 저는 가장 대중적이고 무료인 폰트로 바꿔봤는데요. 그냥 대중적인 글씨체를 원하시면 그대로 따라해보셔도 무방할 것 같습니다.

우선 이 나눔고딕체 폰트를 다운받아주시구요. Import를 활용해 웹폰트를 불러오는 방법도 있긴한데 저는 그냥 폰트를 파일업로드하고 활용할 생각입니다.

NanumGothic.eot

나눔고딕폰트 파일업로드를 하기 위해서 우선 블로그 관리자페이지로 들어가셔야 되구요. 좌측에 꾸미기 탭의 HTML/CSS편집을 클릭해주세요.

 

그러면 우측에 에디터화면이 보이겠죠.

HTML로 활성화되어있을텐데 우측에 '파일업로드를 클릭하셔서 활성화시켜주셔야 합니다.

 

파일업로드를 클릭하셨으면 아래와 같은 화면이 보이실텐데요. 기존에 Fastboot설치하시면서 업로드했던 파일들이 모두 보이실 겁니다. 그러고보니 이미 패스트붓 설치하면서 해본 작업이군요. 아주 쉽겠습니다.

파일업로드 좌측 하단에 보시면

 

'추가'아이콘 보이시죠. 그것을 클릭하시고

 

좀 전에 다운로드 받았던 나눔고딕 파일을

 

업로드하시면 됩니다.

자, 그럼 파일업로드 화면에

 

추가된 나눔고딕 파일이 보이실 거에요.

 

확인하시고 저장하시면 됩니다.

이제 이 업로드한 파일을 적용시켜주기 위해서 파일업로드 왼쪽에 'CSS'를 클릭하시고 편집창으로 이동합니다.

컨트롤F키 누르셔서 '@charset'을 검색해주세요. 이 자리에 아래 붉은 박스 부분의 코드를 입력해주셔야 하는데요.

코드를 첨부해 놨으니 긁어서 @charset위쪽에 붙이셔도 되겠습니다.

Fastboot 글꼴변경용 소스.txt

 

이제 거의 다 되어가는 듯 합니다. font-family의 코드를 두번만 삽입해주면 본문 글자체 폰트 변경작업은 완료됩니다.

마지막까지 잘 따라해보세요. font-family로 검색하시면 우선 아래 위치가 잡힐텐데 여러분이 보실때는 저 Arial먼저 시작하고 붉은 박스안의 코드는 보이지 않으실 겁니다. 좀 전에 첨부했던 파일 하단에 저 붉은박스 코드가 있으니 그걸 긁으시던지 직접 타이핑하셔서 Arial앞자리에 넣어주세요. 이렇게 하면 코드 한개는 입력완료되었습니다.

총 두번의 font-family 코드를 넣어주셔야는데 두 번째는 240번대 행에 가시면 자리가 보이실 겁니다. 첫번째 했던 것과 마찬가지로 코드를 그대로 삽입하여주시면 됩니다. 이렇게 하면 폰트변경작업이 모두 완료되었는데요. 우측 상단의 저장버튼 클릭하시는거 잊지마시기 바랍니다. 열심히 잘 하시고서 저장버튼을 누르지않아 폭망하는 경우를 여럿 봐왔습니다.

 

자, 이제 본문 폰트가 잘 변경되었나

 

확인해보셔야지요.

 

이렇게 해서 Fastboot본문 글자체 폰트(font) 변경하기 작업이 완료되었습니다. 일단 급한 불은 끈 것 같아 마음이 놓이고 예전 폰트보다는 한결 보기 좋은 것 같습니다. 다음에 더 예쁜 폰트가 생긴다면 그걸로 한번 바꾸어봐야겠네요. 여러분도 꼭 나눔고딕체가 아니더라도 예쁜 폰트를 활용하고 싶다면 이것을 응용해 글자체를 바꿔주시면 될 것 같습니다. 단 저작권이 있는 유료폰트를 무상으로 사용하면 안되겠지요.

2017/10/12 - [키보드사장님/Fastboot Skin] - 티스토리 홈화면 티에디션 설정 방법 - Fastboot스킨

이 댓글을 비밀 댓글로
  1. ㅎㅎㅎ스킨 변경하고 따라해보고 있는중이랍니다!!
    검색도 잘되는거같네요 ~~~ 감사합니다 ^!!^
  2. 글자 크기가 너무 작아고 글자체도 답답했는데 변경하고 나니 속이 다 시원하네요 감사합니다~