CSS 웹폰트 사용방법

안녕하세요 산책입니다. 

앞선 시간에서 배운듯 font-family 속성으로 설정할 수 있는 폰트는 기본적으로 사용자의 컴퓨터에 

설치되어 있는 것만이 사용 가능합니다. 

 

하지만 쓸 수 있는 폰트가 별로 없어서 

구글 폰트와 같이 인터넷 상에서 제공되는 온라인 폰트를 사용하면 

기본 폰트와 다양한 폰트를 이용할 수 있습니다. 

웹사이트에서 제공하는 폰트를 웹 폰트라고 합니다!

 

사용방법에 대해 알아보겠습니다! 

 

브라우저 주소창에 URL주소를 입력하여 구글의 폰트 사이트에 접속해봅시다

 

http://fonts.google.com 

Google Fonts

 

구글폰트

원하는 폰트를 찾아서 클릭 클릭 !

우측에 나오는 +select this style 클릭 합니다.

 

위에는 head태그 내에 삽입하는것이고 

밑에는 CSS 코드 부분입니다. 

 

다음시간에는 박스 모델에 대해 배워보도록 하겠습니다 !!