serif fonts have small lines at the ends on some characters.
SanSerif fonts do not have the lines at the ends on some characters.
All monopace characters have the same width.
세리프는 글자 끝에 작은 돌출부가 있습니다.
산세리프는 글자 끝에 작은 돌출부가 없습니다.
타자기체라고도 하며 고정폭을 가진 글꼴입니다.
글자 크기를 조절해 보자.
글자크기를 조절해 보자.(14px/16=0.875)
글자크기를 조절해 보자.(1vw=브라우저의 1%너비)
기울어진 글자
글자의 두께
Play with the font variant!
줄간격(nomal,숫자,px,pt,%)
Lorem ipsum dolor sit amet, oblique labitur ut mei. Phaedrum moderatius at eos, his et partiendo salutatus sententiae. Case gubergren te vel. Graecis nominavi et mei, tibique rationibus definitiones qui in, nam ne denique delicata. Blandit definitionem has ex. Phaedrumcomplectitur mea id, eu case deterruisset sed, has id suavitate philosophia.
Eos aeque splendide cu. In vis hendrerit reformidans voluptatibus. Vel ne amet nobis, esse philosophia no mel. Per in suas eirmod, ad pro velit principes mediocritatem.
폰트 단축형(스타일,대문자,굵기,크기, 줄간격,글꼴)
The font-size and font-family values are required. If one of thr other values is missing,their default value are used.
단축형을 써보자.
단축형을 써보자.
짧은 단축형/속성을 빠져도 되나 순서는 지켜야 한다, 빠진 속성은 디폴트 값이 지정된다.
- font-family
- 한개 이상의 글꼴을 지정할 수 있다. 먼저 선언한 글꼴에 우선 순위가 있다. 한글로 된 글꼴이나 사이에 공백이 있는 글꼴은 따옴표로 묶어준다.
- font-size(small,medium,large,px,em,%,vw)
- 글자크기는 글자 위엥서 아래쪽 여백(줄간격) 까지를 말한다.
- 글자크기를 명시하지 않으면 브라우저의 기본값인 15px(em)이다.
- vw(viewport width)는 브라우저 윈도우의 크기에 따라 변하는 단위이다.
- font-style
- 글자의 기울임을 지정한다.(normal/italic/oblique)
- font-weight
- 글자 굵기 조절(normal/bold/숫자)
- font-variant
- 작은 대문자
글꼴 스타일
- color
- 글자의 색상을 지정한다.
- text-decoration
- 글자의 밑줄등을 지정한다.
- letter-spacing
- 글자의 간격을 지정한다.
- word-spacing
- 단어간의 간격을 조절한다.
- line-height
- 줄간격을 조절한다.
- text-indent
- 문단의 첫글자의 들여쓰기를 지정한다.
- text-align
- 글의 수평 정렬을 지정한다.
- vertical-align
- 수직정렬을 지정한다.
- text-transform
- 단어 첫글자의 대소문자 여부를 지정한다.
- white-space
- 줄바꿈을 지정한다.
- text-overflow
- 넘치는 글자를 어떻게 보여줄지를 지정한다.
글자색
글자에 색을 지정하자
글자에 줄긋기
글자에 줄을 그어보자
글자에 줄을 그어보자
글자에 줄을 그어보자
글자에 줄을 그어보자
