웹 폰트 사용해보기!

웹 폰트를 왜 써야 하는가? 홈페이지에 디자인이나 분위기때문에 사용을 하는 것입니다.

웹 폰트를 쓰기위해 해야할 것들이 있습니다

우선 Google Fonts라는 사이트에 들어가봅시다.

https://fonts.google.com/

Google Fonts

여기서 마음에 드는 폰트를 골라보세요! 고른 다음 + 버튼을 눌러주세요!

그럼 아래 사진과 같은 창이 뜨게 됩니다. 이 창은 우리가 이 폰트를 어떻게 사용을 해야되나를 알려주는 창입니다.

우선 IMPORT에 대해서 설명을 드리겠습니다.

style 태그를 제외한 import 부분을 복사해 줍시다. 그 다음에 만들던 웹페이지에 css 부분에 붙여주세요.

import를 시켰으면 웹페이지에서 어디 부분에 이 폰트를 적용시켜 줄지를

CSS에 작성을 해주어야 합니다. 작성을 하기 전 아까 열었던 Google Fonts 사이트에 들어가서 복사를 해줍시다.

폰트를 저 <p> 태그 사이에 있는 웹 폰트 적용해보고 있는 중입니다~ 에 적용을 해보겠습니다.

이렇게 작성을 하고 웹페이지를 열어보면 폰트가 바뀌게 됩니다.

font-family라는 것도 나중에 많이 사용을 하니 기억을 해둡시다.

그 다음으로는 STANDARD에 있는 방법을 사용해보겠습니다.

이것은 HTML에다가 쓰는 태그입니다.

css에 썼던 import를 지워주시고 html에 head 부분에 위의 내용을 붙여넣어주세요.

IMPORT말고 STANDARD방법도 어디에 이 폰트를 적용할 것인지를 정해주어야 합니다.

이건 위의 내용과 동일하게 작성을 하시면 됩니다.