[css] 나눔스퀘어라운드 웹폰트 적용하는 방법

 

서비스하던 사이트에서 나눔스퀘어라운드 웹폰트가 어느날 갑자기 뜨지않아 서치 후 이를 정리해보려합니다.

이토록 간단한 방법인데도 웹폰트 적용을 망설여왔다니 아직도 갈길이 멀었나 봅니다..

 

나눔스퀘어 라운드 글꼴은 네이버에서 배포하는 무료글꼴인 '나눔글꼴'의 종류 중 하나입니다.

 

 

나눔스퀘어라운드 - 눈누

 

이 눈누 사이트에서

빨간색 화살표로 표시해둔 '웹폰트로 사용' 코드를 복사해 왔습니다.

 

<소스코드>

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

이 코드를 css 상단에 붙여넣어 적용했더니 정상적으로 기존 'NanumSquareRound' 폰트로 적용되어있던 사이트 글꼴들이 살아나 정상적으로 적용되었습니다. 이전에는 어떻게 적용되었나 싶네요..

 

 

 

<실제 적용 모습>