웹개발 종합반

CSS로 폰트 입히기

2022. 7. 27. 23:01

구글 웹폰트 사이트

https://fonts.google.com/?subset=korean 

 

 

*우상단에 selected family가 켜진 상태에서.

1) [select this style] 클릭해서 폰트 담기

2) 폰트속성 <link href="~~~~">  복사

3) head의 <title></title> 아래에 붙여넣기

4) 폰트속성 CSS rules 복사. font-family:~~~~;

5) head의 <style> 안에  *{ } 생성 후 안에 붙여넣기       *{ }  => 모든 태그에 적용하겠다는 의미

 

 

CSS 파일을 따로 만들 수도 있다.

<style> </style> 안의 내용을 ~~.css파일에 붙여넣고/작성하고

html에서 head 의<style> </style> 대신 <link rel="stylesheet" type="text/css" href = "(css파일이름).css"> 넣으면 됨.