CSS - 타이포그래피

css 의 단위

​

px , em , rem

PX	EM	REM
16px	1em	1rem
절대적 , 고정된크기	상대적	상대적
브라우저 설정 크기 고정	브라우저 설정 크기 바뀜	브라우저 설정 크기 바뀜

설명이 좀 빈약한대

결론적으로 REM을 써야 한다.

그 노인모드로 글씨를 50% 200% (돋보기말고 브라우저설정) 에서 바꿀때

PX 는 고정이지만 REM 은 상대적으로 변함.

​

​

text-allign

center , left , right 는 각각 이름에 맞게 정렬하는거고

justfy 값은 오른쪾 왼쪽을 균형에 맞게 공백을 재배치한다.

​

​

font

font-weight : 글씨의 굵기

font-height : 행과 행 사이의 굵기

font-family : 글씨 글꼴 설정

ex) font-family: arial,verdana,"Helvetica Neue" ,serif; /* serif (장식이 있는폰트) sans-serif cursive (흘림체) fantasy monospace (고정폭) */

위 에 처럼 브라우저에 arial 폰트가 없으면 verdana 폰트 그것도없으면 helvetica 폰트가 나온다..

한글폰트의 경우는 차이가 없다, serif 를 쓰면 장식이 있는 폰트를 쓸것이고

sans-serif를 사용하면 장식이 없는 폰트를 사용한다.

산세리프체(sans-serif, 여기서 sans는 "없음"을 뜻하는 프랑스어 낱말 sans에서 비롯)로 부른다

이처럼 뒤에 serif ,sans-serif 를 사용할수있다.

만약 monospace를 사용할경우엔 크기가 고정폭이 된다.

​외부 FONT 가져다 쓰기 (google font)

1. google 에 google font 검색

2. 기본적으로 open sans 검색

3. 클릭후 customize 로 선택후 embed 에서 링크 복사