티스토리를 쓰다보면 다른 폰트로 바꾸고 싶을 때가 있다.
네이버에서 무료배포중인 마루부리 글꼴로 변경했다.
그 방법을 기록...
1. 폰트 저작권 확인물론 이 방법대로 다른 폰트로 바꿔도 된다. 하지만 반드시 유의 해야 할 점은 무료로 쓸수 있는 폰트인지 본인이 배포할 권한이 있는 폰트인지 사전에 반드시 확인해야 한다.
![]()
마루부리 글꼴은 웹폰트로 자유롭게 사용할 수 있다고 나와있다. ![]() 개인 및 기업 사용자가 무료로 쓸수 있다고 나와 있다.
자.. 이제 저작권을 알아봤으니 티스토리에 폰트를 적용하는 방법을 알아보자..
2. 폰트 다운로드https://hangeul.naver.com/font에 들어가서 아래와 같은 버튼을 클릭하면 다운로드 가능하다. ![]() 물론 다른 폰트를 쓰려면 다른 링크를 통해서 다운로드 받으면 된다.
3. 폰트 업로드다운 받은 폰트를 업로드 해야 사용할 수 있다. 압축되어 있다면 해제해야 한다.
티스토리 관리자 페이지의 스킨편집 > html편집 > 파일업로드 > +추가 를 선택하여 폰트를 업로드 한다.
![]() ![]() ![]() 4. 폰트 설정 변경업로드한 폰트를 적용하려면 css파일을 수정해야 한다.
![]()
@font-face {
font-family: 'MaruBuri';
font-style: normal;
font-style: normal;
src: url('./images/MaruBuri-ExtraLight.ttf');
}
여기에서, 다른 폰트일 경우 font-family와 src를 바꿔줘야 한다.
5. 본문에 적용css파일에서 수정한 새폰트 설정을 본문에 적용하려면 본문 적용부분의 폰트 이름을 새 폰트 이름으로 변경해야 한다.
이것역시 css파일내에서 수정하면 된다.
![]() 위와같이 body의 font 이름을 MaruBuri로 변경했다.
물론 css파일의 내용은 사용하는 스킨에 따라 다를 수 있지만 본문을 표시하는 태그는 비슷할거다.
이렇게 수정하고 우측 상단의 적용버튼을 누르면 새로운 폰트로 변경이 완료된다.
.끝. |
'티스토리 마루부리 폰트'에 해당되는 글 1건
- 2022.08.19 [티스토리]티스토리 폰트 바꾸는 방법 1