익명의 개발노트

[CSS] 웹폰트 적용방법 본문

프로그래밍/html, css

[CSS] 웹폰트 적용방법

캡틴.JS 2019. 6. 5. 14:26
반응형

위 글씨처럼 웹폰트를 적용하는 방법.

 

1. 구글 폰트 검색

2. 원하는 폰트 옆에 + 버튼을 누른다.

3. +버튼을 누르면 밑에 그림처럼 밑에 검정색으로 bula bula~ Selected 표시가 있다. 그걸 클릭.

4. 클릭하면 아래 그림과 같이 나타난다.

5. 여기서 CUSTOM에서 원하는 항목을 체크하고 EMBED 항목으로 와서 STANDARD, @IMPORT 중 하나를 적용하면 된다.

6. 원하는 글씨 필요한 곳에 맨 아래 부분 붙여넣기하면 반영완료.

반응형

'프로그래밍 > html, css' 카테고리의 다른 글

[CSS] Animation  (0) 2019.06.05
[CSS] selector 표현하기  (0) 2019.06.03
[CSS] block, inline 요소  (0) 2019.06.03
[CSS] font-family, indent, box-sizing  (0) 2019.06.03
[CSS] z-index  (0) 2019.03.02
Comments