font-family 속성의 대해서

See the Pen LYxWRLM by minsucoding (@minsucoding) on CodePen.

 

 

 

---

 

 

안녕하세요 오늘 소개해드릴 속성은 font-family에요

 

font-family는 글꼴을 결정하는 속성이에요

 

예제를 보시면 일반 폰트와 다른걸 확인할수있는데요

 

지금 보여드린 예제에 있는 폰트외에도 다양한 폰트가 있으니 참조해서 사용해주시면 될거같아요

 

 

 

---

 

 

 

 

font-family는 기본적으로 css내에 내장되어 있는 글꼴만 가지고 올수있는데요

 

css 내에 있는 @font-face를 사용해서 외부에 다운로드를 받아놓은 글꼴을 불러와서 사용도 가능해요

 

@font-face같은 경우는 우선 font-family로 이름을 정해주고 src : url()로 경로를 지정해서 가지고 오면 되는데요

 

그렇게 불러온 글꼴은 font-family를 그대로 복사해서 원하는 elements css에 넣어주면되요

 

그후에 font-size,weight도 설정이 가능하니 너무 좋죠~^^

 

 

 

---