// 방법1 // 방법2
 

티스토리 서식 폰트 및 컬러 변경 방법 (글꼴 및 색깔 변경)

반응형

티스토리 서식 폰트 변경 방법을 알아보도록 하겠습니다. 글을 포스팅할 때 자신의 원하는 주로 사용하는 서식에 색깔과 폰트를

변경해줌으로서 포인트를 주어 글에 대해 한번 더 자세하게 소개할 수 있는 것은 물론, 글에 가독성을 높여줌로서 글을 읽는 사람들에게 더 편안함을 줄수 있으니 잘 활용하시길 바랍니다. 

 

같이보면 좋은글 !

 

☞ 원하는 부분 글씨 색깔 변경 방법!

 

☞ 글꼴 추가 방법!

 

자신의 사용하는 서식 폰트 변경 방법 

① 방법은 간단합니다.! 자신의 쓰던 서식을 글에 추가해줍니다.

 

폰트 적용전

 

②  그리고 글씨 쓰기 모드를 HTML 모드로 변경합니다. 

원하는 서식에만 적용

 

 

③ HTML 를 눌러보시면 자신의 쓰는 서식이 적혀있을거에요. 해당 부분을 주목해주세요. 사진이 흐릴 수도 있어, 아래 

HTML 코드도 참고용으로 제시했습니다. 

☞ <p style="border-left: 10px solid #5e4d79; letter-spacing: -1px; padding: 0px 0px 0px 7px; margin: 5px 0px;" data-ke-size="size18"><span style="font-size: 21px; font-family: 'Noto Sans Demilight', 'Noto Sans KR'; color: #5e4d79;"><b>폰트 적용전</b></span></p>

 

④ 이제 코드에서 font-family: 'Noto Sans Demilight', 'Noto Sans KR'; 이 부분에 폰트를 수정하겠습니다. 

 

☞ 수정 전 : 해당 폰트 부분 삭제 

:  font-family: 'Noto Sans Demilight', 'Noto Sans KR'; 

 

☞ 수정 후 : 자신의 사용하고 있는 폰트 네임 입력 

:  font-family: 'Cafe24Shiningstar'; 

 

⑤ 적용 후 모습 

 

소제목입니다.

 

 

자신의 사용하는 서식 색깔 변경 방법 

: 방법은 위와 거의 동일합니다. 

 

① 위와 동일하게 자신의 사용 중인 코드를 확인합니다. 

 

☞ HTML 코드) <p style="border-left: 10px solid #5e4d79; letter-spacing: -1px; padding: 0px 0px 0px 7px; margin: 5px 0px;" data-ke-size="size18"><span style="font-size: 21px; font-family: 'Noto Sans Demilight', 'Noto Sans KR'; color: #5e4d79;"><b>폰트 적용전</b></span></p>

 

② color 부분에 색깔을 바꿔주면 서식을 쉽게 변경 할 수 있습니다. 아래 색깔 코드 보러가기를 클릭 후 원하는 색깔을 선택하여 색깔 코드를 복사해줍니다. 

 

☞ HTML 코드) family: 'Noto Sans Demilight', 'Noto Sans KR'; color: #원하는 색깔 코드 넣기" 

색깔 코드 보러가기 !

 

 

③ 아래 사진의 테두리들이 색깔 코드라고 보시면 됩니다. 

색깔 코드

 

④ 색깔 코드를 고른 후 수정을 하시게 되면 아래와 같이 적용됩니다. 

 

☞ 적용전

 

소제목입니다.

 

☞ 적용후 

 

소제목입니다.

 

 

이렇게 자신의 사용하는 서식에 따라 컬러를 지정해준 후 서식 저장를 해주시면 더욱 더 편리하게 이용하실 수 있을거  같아요. 원하는 대로 편집하셔서 자신의 티스토리를 꾸며보시면 좋을거 같습니다. :) 

 

1. 티스토리 서식

2. 티스토리 서식 폰트 변경

3. 티스토리 서식 색깔 변경 

반응형