03. 시작하기 -google fonts 글꼴지정

#기본적으로 지정없이 글꼴을 정해두지 않으면 브라우저마다 다른 글꼴이 나오기 때문에 코드작성을 해 두는 것이 좋다.

 

#google Font에서 글꼴 가져오기(무료인지 확인)

google font 에서 글꼴 가져오기 ( 무료인지 확인 ) 나눔고딕을 검색해서 찾으면 저 동그라미를 클릭 해 주세요.

 

 

보통은 글꼴을 지정할 때 링크방식을 사용하니까 링크를 선택 해 줍니다.

(@import는 직렬방식 link방식은 병렬방식)

보통은 글꼴을 지정할 때 링크방식을 사용하니까 링크를 선택 해 줍니다 .

 

 

#html로 가져오기

CSS파일 보다 먼저 와야 하니까요, 그 앞에 복사한 링크를 붙여주세요.

 

#css도 가져오기

이거도 복사해서 가져오세요.

 

위에 가져온 소스를 붙입니다.

 

 

#개발자 도구에서 폰트가 잘 적용이 되었는지 확인하기

개발자도구의 Computed로 들어가서 적용이 잘 되었는지 확인하세용!

font-family를 체크.

폰트페밀리를 찾습니다.