공부하자
다양한 웹폰트 본문
구글 웹폰트
눈누
많이 쓰는 웹폰트
: import 와 link 중 하나만 사용하면 된다. import는 css 부분에 link는 html header 에
나눔고딕
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); .nanumgothic * { font-family: 'Nanum Gothic', sans-serif; }
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap" rel="stylesheet">
body { font-family: 'Nanum Gothic', sans-serif; }
나눔바른고딕
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css">
body { font-family: 'NanumBarunGothic', sans-serif; }
나눔스퀘어
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css">
body { font-family: 'NanumSquare', sans-serif !important; }
Noto Sans KR
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap');
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap" rel="stylesheet">
body {font-family: 'Noto Sans KR', sans-serif;}
Roboto
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap');
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap" rel="stylesheet">
body {font-family: 'Roboto', sans-serif;}
'ETC' 카테고리의 다른 글
다양한 효과 참고 사이트 (0) | 2021.03.10 |
---|---|
엔티티코드 (0) | 2021.03.09 |
다양한 제이쿼리 레퍼런스를 정리해둔 사이트 (0) | 2021.01.23 |
api 란? & 카카오맵 연결하기 (0) | 2021.01.11 |
Json과 ajax, ajax로 데이터 값 가져오기 (0) | 2021.01.10 |