Programming/이것 저것 조각보

[ 티스토리 ]티스토리 폰트 변경 (feat. 눈누)

감귤밭호지차 2022. 12. 2. 01:38

티스토리에서 폰트 사이즈 변경하기 

 

무료 폰트를 구할 수 있는 " 눈누 " 사이트를 통해 티스토리의 폰트를 새롭게 단장할 수 있습니다. 

 

제가 마음에 들었던 글씨체는 " 강원 체" 와 HBIOS-SYS 였습니다. 

 

 

 

1. 강원체                                                                                                                                                    

#웹 폰트로 지정

@font-face {
    font-family: 'GangwonEdu_OTFBoldA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

 

 

 

 

2. HBIOS-SYS                                                                                                                                            

#웹 폰트로 적용

@font-face {
    font-family: 'HBIOS-SYS';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2207-01@1.0/HBIOS-SYS.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

 

 

 

눈누에서 파일을 다운로드 하신 다음 [ 스킨 편집 ] 의 " 파일 업로드 " 에 추가를 먼저 해주세요. 

그리고 [CSS] 에서 맨 위에 (@charset "UTF-8" )위쪽에 오른쪽의 웹 포인트 소스들을 넣어주면 됩니다. 

 

 

 

 

짜짠!! 글씨게 이쁘게 변했습니다. 저는 글을 쓸 때 기본 서체로 안하고 죄다 본고딕R로 해놔서 일일히 바꿔줘야 할 것 같지만 이쁘긴 하니까 .... 감내해야겠네용 ㅎㅎ


참고 : [정보] 티스토리 폰트 추가하는 방법