본문 바로가기

IT/웹브라우저

네이버 NanumSquareNeo 웹 폰트 적용하기

오늘은 티스토리에서 기존 웹폰트가 아닌 네이버 NanumSquareNeo 웹폰트를 적용하는 방법을 설명드리겠습니다.

 

웹폰트 다운로드하기

먼저 바꾸려는 웹폰트를 다운로드합니다.

 

네이버 나눔스퀘어 네오

문장을 더 돋보이게, 네이버의 새로운 브랜드 폰트

campaign.naver.com

티스토리로 파일 업로드

 

다운로드한 폴더를 확인해 보시면 웹폰트 폴더

eot, woff, woff2 폴더가 보이실 건데 그 안에 파일을 자신의 티스토리로 파일업로드를 해줍니다.

웹폰트를 다운받은 폴더위치를 보여주는 화면입니다.
티스토리 블로그에 웹폰트가파일업로드 된 걸 보여주고 있습니다.

 

링크 주소 가져오기 및 CSS 변경

파일이 업로드되었으면 파일 오른쪽 마우스를 눌러 웹링크 주소를 복사해 옵니다.

파일업로든 파일의 웹링크 주소를 가져오는 중입니다.

 

주소를 가져오셨으면 아래와 같이 티스토리 CSS를 변경해 줍니다.

저 같은 경우 최상단에 위치시켰습니다.

티스토리 CSS를 새로운 웹폰트를 적용하기 위해 변경하고 있습니다.

변경을 하셨으면 이제 끝입니다. 상단에 적용을 눌러 주시고 나오시면 됩니다.

 

 

결과 확인

웹폰트 적용 전 블로그 목록

 

왼쪽 이미지가 적용전이고 오른쪽 이미지가 적용 후의 모습입니다.

정리

오늘은  NanumSquareNeo 웹폰트를 적용 방법에 대해 알아봤습니다.