'티스토리 폰트 변경'에 해당되는 글 1건

  1. 2022.08.19 [티스토리]티스토리 폰트 바꾸는 방법 1

[티스토리]티스토리 폰트 바꾸는 방법 IT상식 2022. 8. 19. 11:17
제목:

[티스토리]티스토리 폰트 바꾸는 방법

티스토리를 쓰다보면

다른 폰트로 바꾸고 싶을 때가 있다.

 

네이버에서 무료배포중인

마루부리 글꼴로 변경했다.

 

그 방법을 기록...

 

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파일의 내용은

사용하는 스킨에 따라 다를 수 있지만

본문을 표시하는 태그는 비슷할거다.

 

 

이렇게 수정하고

우측 상단의 적용버튼을 누르면

새로운 폰트로 변경이 완료된다.

 

 

.끝.

Posted by 뮤직라이프

,