6. 폰트, 주석, 파일분리

출처:

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

위 구글 폰트 사이즈를 들어가보면,

구글 웹폰트
- [코드스니펫] - 구글웹폰트[<https://fonts.google.com/?subset=korean>](<https://fonts.google.com/?subset=korean>)
(1) 마음에 드는 폰트를 클릭합니다.
(5) link 태그를 복사해서 <head> ~ </head>사이에, CSS를 복사해서 <style> ~ </style> 사이에 넣습니다.
(4) Embed 탭을 클릭합니다.
(3) 우측 상단의 모음 아이콘을 클릭합니다.
(2) [ + Select this style ]을 클릭합니다.
Nanum Gothic이라는 폰트를 예제로 추가해보면, 아래와 같은 코드를 복사하면 됩니다. /* CSS에 이 부분을 추가하면 완성! */ * { font-family: 'Nanum Gothic', sans-serif; }

라고 설명이 되있지만 설명이 부족하니, 동영상으로 추가해놓겠다.

내생각--> 위 동영상을 보면서 구글 폰트를 어떻게 웹사이트에 적용시키는지 알수가 있다.

그렇다면, css가 너무 많이 쓰여서 더이상 style태그안에 적을 공간이 없을 때에는 어떻게 할까?

내가 공부하는 교재에는 이렇게 소개하고 있다.

지금은 css가 간단하고, 한 파일에서 보는 게 편하기 때문에 일단은 패스!

이 부분은 튜터님만 혼자하면서 보여드릴게요! 여러분은 구경만!

<link rel="stylesheet" type="text/css" href = "(css파일이름).css">

즉 위 내용을 요약하자면, 타이틀밑에 마치 구글 폰트를 사용하기 위해서 구글폰트라이브러리를 링크했던것처럼 style.css도 title밑에다가 적어서 link한다.