728x90
반응형
1. CSS 글꼴 설정
1) css 글꼴(font)은 웹 사이트에 적합한 글꼴을 선택하는 것이 중요하다.
2) 읽기 쉬운 글꼴, 색상, 크기 선택 중요하다.
3) 웹 안전 글꼴 : 모든 브라우저/장치에서 보편적으로 설치되어 있는 글꼴 사용하는 것이 안전하다.
4) 하나의 글꼴 명칭에 공백이 있으면 설정시 ""으로 묶어주기
5) 브라우저의 기본 텍스트 크기는 16px
6) 1em == 현재 브라우저의 글꼴 크기 == 16px
7) font-size는 명칭된 이름이나 단위를 사용할 수 있다. (단위 중 em은 브라우8) 저 메뉴에서 텍스트 크기를 조정할 수 있도록 하기 위해서 개발자가 px 대신에 em 단위를 사용)
9) font 약식 설정 순서 : style, variant, weight, size, family 순서
2. CSS 구글 글꼴 사용
1) Google에서 100개 이상의 무료 글꼴 제공
2) link 태그로 설정하여 사용
3. CSS 웹 글꼴
- 클라이언트에 설치 되지 않은 글꼴을 사용할 수 있는 것.
-> 웹에서 제공하는 글꼴 사용을 하면 설치가 되어 있지 않더라도 그 글꼴을 웹 서버에서 자동으로 다운로드해서 클라이언트에서도 글꼴 사용 가능
- 글꼴 파일명
ttf - 트루타입글꼴 : 1980년대 후반 Apple/MS 에서 개발한 표준 글꼴
otf - 오픈타입글꼴
woff - 웹 오픈 글꼴 형식
728x90
반응형
'TIL > Web(HTML, CSS, JS, jQuery)' 카테고리의 다른 글
| [SIST] Web_CSS_days03_link 태그와 동적 셀렉터 (0) | 2022.05.23 |
|---|---|
| [SIST] Web_CSS_days02_CSS 아이콘 사용 (0) | 2022.05.23 |
| [SIST] Web_CSS_days02/days06_CSS 텍스트(text) 관련 서식(색상, 정렬, 방향, 장식, 변환, 간격, 그림자) / 텍스트 효과(text-overflow와 writing-mode) / 박스 그림자 효과(box-shadow) (22.05.26 내용추가) (0) | 2022.05.22 |
| [SIST] Web_CSS_days02_box model / 윤곽선(outline) (0) | 2022.05.22 |
| [SIST] Web_CSS_days02_너비(width)와 높이(height) 속성 (0) | 2022.05.22 |