Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
Tags
- border:none;
- @font-face
- html #display #block #inline
- html #fontawesome #폰트어썸
- border:0;
- doctype
- 시멘틱 태그 #시멘틱 레이아웃
- 인터랙티브 웹 클론 #BBC 코로나19가 바꿀 사무실의 미래 #1분코딩
- javacript #javasript 객체 #객체 #배열
- border
- label
- label 태그
Archives
- Today
- Total
yeji
구글폰트(GoogleFont) 사용하기 본문
1) 구글폰트(GoogleFont) 홈페이지 접속
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
2) Language 선택을 Korean 으로 바꿔주었다.
3) 언어를 선택하면 목록이 쫙 나오는데 그 중 원하는 폰트를 선택한다.
4) 예시로 Black Han Sans 를 선택해서 Select this style을 클릭한 후
5) 아래 <link> 코드는 <head> 안쪽에 넣어주고
밑에 font-family 코드를 css 파일에 넣어준다.
6) 저는 css에 넣지 않고 쉽게 보이기 위해 html에 style 태그를 이용해서 넣었습니다.
7) 실행결과!
'HTML' 카테고리의 다른 글
| <lable> (0) | 2022.02.23 |
|---|---|
| DOCTYPE (0) | 2021.04.05 |
| 시멘틱 마크업 (0) | 2021.01.25 |
| 폰트어썸(FontAwesome) 사용하기 (0) | 2020.05.09 |
| display 속성 정리 (0) | 2020.05.09 |
'HTML' Related Articles
more
Comments