솔솔
[CSS] 구글 폰트(Google fonts) 적용 방법 본문
반응형
1. 사이트 들어가기 (https://fonts.google.com/)
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
2. 검색조건 없이 쭈욱 내려서 봐도 되고 아래 그림처럼 검색조건을 선택해서 봐도 됨.
3. 원하는 선택 후 글씨체 페이지에서 + Select this style을 클릭한다.
4. 상단의 오른쪽에 이 버튼을 누른다.
5. 그러면 + Select this style로 추가한 글씨체가 적용되서 팝업창이 하나 나옴.
6. 팝업창에 나온 링크를 복사합니다.
7. 작업하는 곳에 링크를 붙여넣습니다.
8. 아래의 코드를 복사한다.
9. 적용시키고 싶은곳에 코드를 붙여넣는다.
10. 그럼 적용완료.
'나의보물들 > CSS' 카테고리의 다른 글
[CSS] data url scheme (0) | 2024.02.22 |
---|---|
[CSS] 사진에 마우스 올리면 움직이게 하기 (0) | 2022.03.21 |
[CSS] 플렉스박스(flexbox) (0) | 2022.01.31 |
[CSS] @keyframes 과 animation (0) | 2022.01.27 |
[CSS]애니매이션효과를 이용한 슬라이딩 (0) | 2022.01.24 |