마음에 드는 폰트 쉽게 적용하기
웹을 꾸미다 보면 글씨체가 아쉬운 경우가 많다. 물론 웹 기본서체들도 가독성이 충분하지만 웹 분위기에 맞는 폰트 선택은 필수라 할 수 있다.
다행히도 구글에서 웹에서 간단한 설정만으로 필요한 폰트를 불러와서 사용할 수 있는 웹폰트를 지원한다.
웹폰트 적용방법
1. 일단 아래 링크로 구글 웹폰트에 접속하자.
https://fonts.google.com/?subset=korean
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
2. 마음에 드는 폰트를 선택하자.
3. 필요한 태그들을 복사해서 각 각 <head>, <style>에 넣어준다.
<!-- <head></head> 사이에 2번 복사한 것을 추가하고 -->
<link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap" rel="stylesheet">
<!-- <style></style> 사이에 3번 복사한 것을 추가하면 끝!! -->
* {
font-family: 'Black Han Sans', sans-serif;
}
간단하게 웹페이지에 웹폰트를 적용완료 했다.
빠른 공부를 위하여 스파르탄코딩클럽(https://spartacodingclub.kr/)의 웹 개발 종합반을 수강하여(내돈내산) 진행했다.
코딩 분야는 강좌 수강은 처음이지만 다른 분야 강의들과 비교해보아도 시원시원한 강의 실력이 아주 매력 있다.
100% 국비지원까지 되니 나처럼 비전공자나 이제 개발에 입문하려는 학생들에게는 너무 좋은 입문 포인트가 아닐까 싶다.
https://spartacodingclub.kr/?f_name=%EA%B9%80%EB%82%A8%ED%98%B8&f_uid=6311501c4c8e3450f6ec7845
스파르타코딩클럽
5주 완성! 코딩을 전혀 모르는 비개발자 대상의 웹개발 강의
spartacodingclub.kr
위에는 초대 코드가 포함된 링크인데 위 링크로 가입하여 수강하면 무려 5만원의 할인 혜택이 있다.
난 그냥 검색으로 들어가서 이 혜택을 못 받았다...
아무튼 관심이 있다면 꼭! 혜택을 받아보자.
'코딩 공부 이야기 > 개발일지' 카테고리의 다른 글
| [코딩생존일지]스파르톤 밤샘? 코딩 릴레이 행사 참석 (2) | 2022.09.18 |
|---|---|
| [개발일지 #3] HTML과 CSS 개념(2) - CSS (0) | 2022.09.13 |
| [개발일지 #2] HTML과 CSS 개념(1) - HTML (0) | 2022.09.08 |
| [개발일지 #1] 서버와 클라이언트 개념 (0) | 2022.09.08 |
| [개발일지 #0] 비전공자로 도전하는 어플, 게임 개발 (6) | 2022.09.05 |
댓글