1. 구글 폰트 사이트 접속
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
2. 원하는 글꼴 선택하여 굵기 및 스타일 선택
https://fonts.google.com/specimen/Lexend+Deca
Google Fonts: Lexend Deca
Lexend is a collection of seven font families intended to improve reading proficiency. As prescription eyeglasses achieve proficiency for persons with short-sig
fonts.google.com
3. 상단 우측의 공유하기 버튼 클릭
이 버튼을 못 찾아서 한참을 해멨다.
4. 그 다음, 아래 화면에서 필요한 겉을 찾아서 쓰면 된다.
나 같은 경우, html과 css rule 을 선택해서 적용했다.
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap" rel="stylesheet">font-family: 'Lexend Deca', sans-serif;
반응형
'개발 > 웹 html + css' 카테고리의 다른 글
| css. display: grid 사용법 (grid-template-columns, grid-template-rows, span) (0) | 2023.08.22 |
|---|---|
| bootstrap. modal 부모창 -> 모달 데이터 전달 필요시 (0) | 2023.06.07 |
| web. 동적 이모지 추가 (0) | 2022.12.11 |
| web. 파비콘이란 + png에서 ico로 생성해주는 사이트 (0) | 2022.12.11 |