1. font-family : serif
이는 보통 명조체를 뜻한다.
2. font-family: sans-serif
sans가 붙으면 고딕체이다.
font-family: 'arial', sans-serif; 이는 맨처음 arial를 적용하고 적용이 안될 시 쉼표(,) sans-serif를 적용한다 라는 뜻이다.
그리고 font-family: monospace가 있는데,
이는 글자 간격이 동일한 것인데 보통 코드 관련 글씨는 이러한 적용을 받는다.
예를 들면) 1111, 2222, 3333, abcd 라는 글자가 있다면, 특성상 서로 다른 너비를 보여야 하는데, monospace를 하면 글자의 간격들이 동일해진다.
그리고 폰트를 적용할 시에 로컬 폰트가 있고 웹 폰트가 있는데, 로컬 같은 경우는 내 컴퓨터에 저장되어 있는 폰트를 사용할 때 나에게 보이는 폰트이다. 이는 배포를 했을 때, 글씨 폰트는 자신에게만 보여지고 사용자에게는 안보인다.
사용자에게도 보여지게 하려면, 웹 폰트를 적용해야 하는데, 보통 웹 폰트의 경우는 호환 문제 등이 있는데, 구글에서 제공하는 구글웹폰트의 경우 호환문제를 해결을 하며, 폰트의 크기, 굵기 등 다양하게 선택하여 보여지게 할 수 있다.
그래서 다양한 폰트를 사용할 때는 웹 폰트를 사용한다.111111111111
그리고 유니폼을 적용할 때의 모양 모양이 및 웹 유니폼이 아닌, 모양과 같은 경우에는 내 컴퓨터에 저장되어 있는 글꼴을 사용하는 경우 나에게 보이는 모양입니다.
'HTML & CSS' 카테고리의 다른 글
title attribute 속성 (0) | 2024.08.19 |
---|---|
상대 단위, 절대 단위 (0) | 2024.08.19 |
object-fit: cover, contain (0) | 2024.08.17 |
aspect-ratio 두 번째 (0) | 2024.08.17 |
wrapper vs l_wrapper (0) | 2024.08.17 |