[React] Font 와 관련된 속성

 

✔ Font-family

 

• serif 

- 각 글자의 모서리에 작은 테두리를 갖고 있는 형태의 글꼴

 

• sans-serif

- 모서리에 테두리가 없이 깔끔한 선을 가진 글꼴

- 컴퓨터 모니터에서는 Serif 보다 가독성이 좋음

 

• monospace

- 모든 글자가 같은 가로 길이를 가지는 글꼴. 코딩을 할 때 주로 사용

 

• cursive

- 사람이 쓴 손글씨 모양의 글꼴

 

• fantasy

- 장식이 들어간 형태의 글꼴

 

---

✔ Font-style

 

• normal

- 일반적인 글자의 형태를 의미

 

• italic

- 글자가 기울어진 형태로 나타남

- 별도로 기울어진 형태의 글자들을 직접 디자인해서 만든 것

 

• oblique

- 글자가 비스듬한 형태로 나타남

- 그냥 글자를 기울인 것