<CSS> web font (feat. 구글폰트)

1. 컴퓨터에 저장되어 있는 폰트 적용하기 

{ font-family : '폰트이름' }

* 기본 HTML 구조

-폰트 적용

2. 웹폰트

내 컴퓨터에 있는 폰트를 쓰면 그 폰트 파일이 없는 사람에게는 적용이 안될 수 있다. 

-> 인터넷에 저장해 놓고 홈페이지에 접속할 때마다 다운받는 웹폰트 사용. ( * 저작권 문제가 생길 수 있다 )

-  사용 방법 (구글폰트) 

* 구글폰트 단점 : 한글이 적용이 안된다

* 한글적용 방법 : 웹폰트 검색하여 유료 or 무료 사용 

1) https://fonts.google.com/ 접속

2) 마음에 드는 폰트 + 

( 그 폰트 내에 접속하여 받을수도 있다. 오른쪽 상단의 SELET THIS FONT) 

3) 

폰트 정의 : 

standard : html 부분의 헤드부분에 복사해서 넣는다. 

@import : css 파일에 복사해서 넣는다 (보통 맨 위 초기화 부분에 넣는다) 

폰트 적용 : 

2번 네모 안의 내용을 CSS 속성으로 넣는다. 

@IMPORT

↓ HTML 적용 예시

↓ 폰트 적용 예시 

* 내가 선택한 폰트 뒤에 나오는건 예비폰트이다. 적용하고 싶은 폰트가 적용이 안될 시에 적용됨. 대부분 기본폰트

한 폰트에도 다양한 스타일이 있다.