본문 바로가기
티스토리 꿀팁

티스토리 기본폰트를 웹폰트로 바꿔보자 - 블로그 꾸미기 팁1

by 놀라운 세상 2024. 3. 23.

티스토리 기본폰트바꾸기

 

요새 많은 분들이 수익형 블로그로 티스토리를 선택하고 있습니다. 하면 할수록 많은 기능이 있는 티스토리인데요. 오늘은 전체적으로 가독성 좋은 폰트로 변환하는 작업을 해보겠습니다.

 

목차

 

    T story 기본 폰트 바꾸는 방법

     

    css를 적용해서 전체적으로 바꿔보는 방법을 알려드리겠습니다. 웹포트 중 가독성이 좋은 나눔 고딕을 적용해 보겠습니다.

    우선 블로그관리 홈에서 꾸미기>스킨편집을 클릭하세요.

    티스토리 기본폰트바꾸기

     

    저는 많이 추천하고 있는 book club을 이용하고 있습니다. 스킨편집을 클리하면 북클럽 오른쪽 하단에 'html편집'이 보입니다.

    1. html편집 > CSS클릭

    2. '@import'를 검색

    (대략 23~24번 라인에 있습니다)

     

    티스토리 기본폰트바꾸기

     

     

    3. CSS 코드 바꾸기

    코드를 보니 이전에는 나무명조를 사용했네요. 아래코드를 전체복사해서 해당하는 부분에 붙여 넣기를 해주세요.

    ===========================================================

    /* 웹폰트 수정 */
    @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
    /*변경 전 폰트 시작

    @import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:800&subset=korean');
    @import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
    변경 전 폰트 끝*/


    /* Type Selector Reset */
    body {
    -webkit-text-size-adjust: 100%;
    font-weight: 500;
    font-family: 'Nanum Gothic', 'AppleSDGothicNeo', 'Noto Sans KR', sans-serif;
    font-size: 1em;
    line-height: 1.25;
    color: #4444;
    }
    /* 웹폰트 수정 끝 */

    ==========================================================

     

    4. 마음에 드는 폰트 찾아보기

    나눔 고딕 말고 다른 폰트를 원하시는 분은 구글폰트사이트에 접속해서 원하는 폰트의 주소를 가져오면 됩니다.

    티스토리 기본폰트바꾸기

     

     

    이상으로 티스토리 전체 폰트를 손쉽게 바꾸는 방법을 알아봤습니다. 언제든 변경가능하니 여러분에게 맞는 폰트를 찾아보세요.

     



    TOP

    Designed by 티스토리