오늘은 티스토리에서 기존 웹폰트가 아닌 네이버 NanumSquareNeo 웹폰트를 적용하는 방법을 설명드리겠습니다.
웹폰트 다운로드하기
먼저 바꾸려는 웹폰트를 다운로드합니다.
네이버 나눔스퀘어 네오
문장을 더 돋보이게, 네이버의 새로운 브랜드 폰트
campaign.naver.com
티스토리로 파일 업로드
다운로드한 폴더를 확인해 보시면 웹폰트 폴더에
eot, woff, woff2 폴더가 보이실 건데 그 안에 파일을 자신의 티스토리로 파일업로드를 해줍니다.
링크 주소 가져오기 및 CSS 변경
파일이 업로드되었으면 파일 오른쪽 마우스를 눌러 웹링크 주소를 복사해 옵니다.
주소를 가져오셨으면 아래와 같이 티스토리 CSS를 변경해 줍니다.
저 같은 경우 최상단에 위치시켰습니다.
변경을 하셨으면 이제 끝입니다. 상단에 적용을 눌러 주시고 나오시면 됩니다.
결과 확인


왼쪽 이미지가 적용전이고 오른쪽 이미지가 적용 후의 모습입니다.
정리
오늘은 NanumSquareNeo 웹폰트를 적용 방법에 대해 알아봤습니다.
'IT > 웹브라우저' 카테고리의 다른 글
SD Webui 브라우저 닫기, 뒤로가기, 새로고침을 막아보자. (0) | 2023.05.12 |
---|---|
[티스토리] 줌 (Zum) 검색 등록하기 (0) | 2023.04.19 |
[티스토리] 네이버 서치 어드바이저 (Naver Search Advisor) 등록하기 (0) | 2023.04.19 |
[티스토리] 빙 웹 마스터 툴 (bing webmaster tool) 등록하기 (0) | 2023.04.19 |
[티스토리] 구글 서치 콘솔 (google search console) 등록하기 (0) | 2023.04.19 |