현재 위치
  1. 게시판
  2. 유용한 웹 팁

유용한 웹 팁

쇼핑몰 운영에 도움이 되는 정보들입니다.

게시판 상세
제목 웹디자이너가 추천하는 웹폰트 (한글)
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2023-12-18
  • 추천 추천하기
  • 조회수 42

구글 폰트  :   https://fonts.google.com/ 

눈누 웹폰트 : https://noonnu.cc/ 



1. 노토 산스 (본고딕) (출처 : 구글 폰트)



<style>

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500&family=Montserrat:wght@200;300;400&family=Noto+Sans+KR:wght@100;700&family=Noto+Sans:wght@300&display=swap');

</style>




  1. font-family: 'IBM Plex Sans KR', sans-serif;
  2. font-family: 'Montserrat', sans-serif;
  3. font-family: 'Noto Sans', sans-serif;
  4. font-family: 'Noto Sans KR', sans-serif;





2. 프리텐다드  (출처 : 눈누 웹폰트)




@font-face { font-family: 'Pretendard-Regular';    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');    font-weight: 400;    font-style: normal; }



 font-family: 'Pretendard-Regular';





3. 원티드랩 (Wanted Sans) (출처 : 눈누 웹폰트)



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




font-family: "Wanted Sans Variable", "Wanted Sans", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;





4. 지마켓 산스 (Gmarket Sans) (출처 : 눈누 웹폰트)



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



font-family: 'GmarketSansMedium';  






5. 에스코어드림 (출처 : 눈누 웹폰트) 



@font-face { font-family: 'S-CoreDream-3Light';     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');     font-weight: normal;     font-style: normal; }



font-family: 'S-CoreDream-3Light';  





6. 나눔스퀘어 (출처 : 눈누 웹폰트)





@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


 font-family: 'NanumSquareAc', sans-serif





7. 수트 (출처 : 눈누 웹폰트)



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



font-family: 'SUIT-Regular'; 





8. 스위트 (출처 : 눈누 웹폰트)




@font-face { font-family: 'SUITE-Regular';    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');    font-weight: 400;    font-style: normal; }



font-family: 'SUITE-Regular';





9. 넥슨 Lv.1 고딕 (출처 : 눈누 웹폰트)


 


@font-face { font-family: 'NEXON Lv1 Gothic OTF';    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');    font-weight: normal;    font-style: normal; }



font-family: 'NEXON Lv1 Gothic OTF';





10. 넥슨 Lv.2 고딕 (출처 : 눈누 웹폰트) 



@font-face { font-family: 'NEXON Lv2 Gothic';    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');    font-weight: normal;    font-style: normal; }


font-family: 'NEXON Lv2 Gothic';




11. 여기어때 잘난체 (출처 : 눈누 웹폰트)



@font-face { font-family: 'yg-jalnan';    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');    font-weight: normal;    font-style: normal; }



font-family: 'yg-jalnan';





12. 나눔스퀘어라운드 (출처 : 눈누 웹폰트) 



@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; }



font-family: 'NanumSquareRound';





13. 원스토어 모바일고딕 제목체  (출처 : 눈누 웹폰트) 



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


font-family: 'ONE-Mobile-Title';




14. 전주공예고딕체 (출처 : 눈누 웹폰트)


 

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


font-family: 'JeonjuCraftGoR';





15. 영도체 (출처 : 눈누 웹폰트)



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


font-family: 'Yeongdo-Rg';





16. 조선견고딕 (출처 : 눈누 웹폰트) 



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


font-family: 'ChosunBg';




17. 스포카한산스네오 (출처 : 눈누 웹폰트) 



@font-face { font-family: 'SpoqaHanSansNeo-Regular';    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');    font-weight: normal;    font-style: normal; }


font-family: 'SpoqaHanSansNeo-Regular';




18. 아리따돋움 (출처 : 눈누 웹폰트) 



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


font-family: 'Arita-dotum-Medium';




19. 롯데마트행복체 (출처 : 눈누 웹폰트) 



@font-face {  font-family: 'LotteMartHappy';  font-style: normal;  font-weight: 400;  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff'); }
 @font-face {  font-family: 'LotteMartHappy';  font-style: normal;  font-weight: 700;  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff') format('woff'); }
 .lottemarthappy * { font-family: 'LotteMartHappy', sans-serif; }



font-family: 'LotteMartHappy';





20. 페이북 글꼴 (출처 : 눈누 웹폰트) 



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


font-family: 'paybooc-Bold';





21. 원스토어 모바일고딕 본문체  (출처 : 눈누 웹폰트) 



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


font-family: 'ONE-Mobile-Regular';





22. 디자인하우스체  (출처 : 눈누 웹폰트) 



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


font-family: 'designhouseOTFLight00';





23. 넥센타이어 (출처 : 눈누 웹폰트) 



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


font-family: 'NEXEN_TIRE_Bold';





24. 티웨이항공체 (출처 : 눈누 웹폰트) 



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


font-family: 'twayair';





25. 웰컴체 (출처 : 눈누 웹폰트) 



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


font-family: 'OTWelcomeRA';





26. KOHI나눔 (출처 : 눈누 웹폰트) 



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


font-family: 'KOHINanumOTFL';





27. 건축조각체 (출처 : 눈누 웹폰트) 



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


font-family: 'ARCHISCULPTURE_v200';





28. 충북대70주년체 (출처 : 눈누 웹폰트) 



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


font-family: 'ChungbukNationalUniversity-Regular';




29. 어그로체 (출처 : 눈누 웹폰트) 



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


font-family: 'SBAggroB';





30. 티몬 몬소리체 (출처 : 눈누 웹폰트) 



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


font-family: 'TmonMonsori';




31. 민산스 (출처 : 눈누 웹폰트) 



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


font-family: 'MinSans-Regular';




첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.