[CSS] Font Family

안녕하세요 동기 여러분! 오늘은 웹페이지의 글씨체 바꾸기에 대해 알아봅시다!

Font Family

웹페이지의 글씨체를 바꾸기 위해서는 font-family라는 프로퍼티가 필요합니다.

 

---

 

생김새

p {
  font-family: 굴림체;
}

 

위 코드는 '<p>태그 안에 있는 글씨체를 굴림체로 바꾸겠다.'라는 의미를 가지고 있습니다.

 

 

---

 

font-family를 사용할 때 유의 사항

• 사용할 글씨체는 반드시 사용자의 컴퓨터에 설치되어 있거나 사이트에 다운로드되어 있어야 한다.
• 웹 세이프 폰츠(Web safe fonts)에 있는 글씨체들은 거의 모든 브라우저나 작동 시스템에 지원을 한다.
• 웹 세이프 폰츠(Web safe fonts)를 사용할 경우 모든 브라우저나 작동 시스템에서 같은 글씨체가 나오지 않을 수도 있다.
• 글씨체의 이름이 띄어쓰기로 나누어져 있는 경우 아래의 예시와 같이 따옴표(Quotation mark)를 사용하여 묶어 주는 것이 좋다.

h1 {
  font-family: 'Gill Sans';
}

 

---

 

오늘의 느낌

오미크론 바이러스가 기승을 부리고 있습니다. 다들 건강하시길 바랍니다.