개발/웹 html + css
web. 구글 폰트 적용하기 (Lexend Deca 적용)
ttoance
2022. 12. 11. 18:35
반응형
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;
반응형