상단 로고

1. https://noonnu.cc/

위의 주소를 클릭하여 눈누 웹사이트에 접속 후, 상단 메뉴 중 '모든 폰트' 를 클릭합니다.



2. 상단의 '예시 문구 적기' 칸에 원하시는 문구를 입력하시면 아래에 폰트별로 예시 문구가 적용됩니다.

3. 마음에 드는 폰트 이름을 클릭합니다.

4. 우측 상단에 해당 폰트의 적용 소스가 나옵니다. 

복사하기 아이콘을 클릭하여 모두 복사 후,

css 파일에 붙여넣기 합니다.

5. 붙여넣기 한 소스에서 폰트 패밀리 소스만 드래그하여 복사 후,

웹폰트를 적용하고자하는 요소의  css에 폰트 패밀리를 넣어줍니다.

(예시) .top_menu { font-family: 'WarhavenB'; }

------------------------------------------------------------------------------------------------------------------------------------------------------

아래는 참고 사항입니다.

(참고사항1) 눈누 웹폰트의 굵기를 원하는 굵기로 지정하려면 

css 소스에서 font-weight:700 에서 숫자를 선언하는 것은 실제 굵기를 지정하는 것과 무관하며

normal 혹은 bold 로 적용 가능합니다. 

좀 더 세부적인 굵기를 지정하려면 src 링크 주소를 해당 굵기에 맞는 주소로 변경해야 합니다.

(예시) 

@font-face {

   font-family: 'WarhavenB';

   src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/WarhavenB.woff2') format('woff2'); <--- 주소 변경으로 굵기 지정 가      능합니다.

    font-weight: 700;   <--- 700은 실제 굵기 적용과 무관하며, normal 혹은 bold로 지정 가능합니다.

    font-style: normal;

}



(참고사항2) 폰트의 종류에 따라서 폰트 패밀리 소스를 알수 없는 폰트는 

해당 폰트 페이지 상단 우측의 '다운로드 페이지로 이동' 버튼을 클릭하면

알 수 있습니다.  

(예시) 원티드랩 (Wanted Sans) 폰트의 경우 아래 소스에서 링크 url만 있을 뿐, 폰트 패밀리를 알 수 없습니다.

@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");



소스 바로 위에 있는 다운로드 페이지로 이동 버튼을 클릭합니다.

페이지 하단의 아래 링크를 클릭합니다.

페이지 상단에 폰트 패밀리가 보여집니다. 소스 복사 아이콘을 눌러 복사한 후 css 파일의 원하는 요소에 지정합니다.

---------------------------------------------------------------------------------------------------------------------------

< 폰트 추천 >

남양주고딕L

넥슨 Lv.1 고딕 Regular

에스코어드림Lt

이사만루 Medium

민산스 Medium

나눔스퀘어라운드

페이북글꼴 Medium

조선굴림체

에스코어드림Reg

스포카한산스네오Regular

롯데마트드림체

-----------------------------------

<두꺼운 폰트 추천 >

페이북 글꼴 Bold

페이북글꼴 ExtraBold

스포카한산스네오Bold

에스코어드림B

원스토어 모바일고딕 제목체

레페리포인트 Black Oblique

민산스 Bold

빛고을광주체Bold