웹 폰트 사용해보기!
웹 폰트를 왜 써야 하는가? 홈페이지에 디자인이나 분위기때문에 사용을 하는 것입니다.
웹 폰트를 쓰기위해 해야할 것들이 있습니다
우선 Google Fonts라는 사이트에 들어가봅시다.
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
여기서 마음에 드는 폰트를 골라보세요! 고른 다음 + 버튼을 눌러주세요!
그럼 아래 사진과 같은 창이 뜨게 됩니다. 이 창은 우리가 이 폰트를 어떻게 사용을 해야되나를 알려주는 창입니다.
우선 IMPORT에 대해서 설명을 드리겠습니다.
style 태그를 제외한 import 부분을 복사해 줍시다. 그 다음에 만들던 웹페이지에 css 부분에 붙여주세요.
import를 시켰으면 웹페이지에서 어디 부분에 이 폰트를 적용시켜 줄지를
CSS에 작성을 해주어야 합니다. 작성을 하기 전 아까 열었던 Google Fonts 사이트에 들어가서 복사를 해줍시다.
폰트를 저 <p> 태그 사이에 있는 웹 폰트 적용해보고 있는 중입니다~ 에 적용을 해보겠습니다.
이렇게 작성을 하고 웹페이지를 열어보면 폰트가 바뀌게 됩니다.
font-family라는 것도 나중에 많이 사용을 하니 기억을 해둡시다.
그 다음으로는 STANDARD에 있는 방법을 사용해보겠습니다.
이것은 HTML에다가 쓰는 태그입니다.
css에 썼던 import를 지워주시고 html에 head 부분에 위의 내용을 붙여넣어주세요.
IMPORT말고 STANDARD방법도 어디에 이 폰트를 적용할 것인지를 정해주어야 합니다.
이건 위의 내용과 동일하게 작성을 하시면 됩니다.