[포스코x코딩온] 웹 개발자 입문 과정 1주차 회고 | font

 

 

font 속성

CSS에서 font 속성은 글꼴과 관련된 여러 속성을 한 번에 지정할 수 있는 단축 속성(shorthand property)입니다. font 속성은 다음과 같은 하위 속성을 포함합니다.

1. font-style: 글꼴의 스타일을 지정합니다. 이 속성은 기울임꼴, 보통체, 기울임없는 글꼴 등을 지정할 수 있습니다. 예를 들어, font-style: italic;과 같이 사용할 수 있습니다.
2. font-variant: 글꼴의 변형을 지정합니다. 이 속성은 소문자체, 숫자체, 옛한글 등을 지정할 수 있습니다. 예를 들어, font-variant: small-caps;과 같이 사용할 수 있습니다.
3. font-weight: 글꼴의 굵기를 지정합니다. 이 속성은 보통체, 중간체, 굵은체 등을 지정할 수 있습니다. 예를 들어, font-weight: bold;과 같이 사용할 수 있습니다.
4. font-size: 글꼴의 크기를 지정합니다. 이 속성은 픽셀(px), 포인트(pt), 백분율(%) 등으로 지정할 수 있습니다. 예를 들어, font-size: 16px;와 같이 사용할 수 있습니다.
5. line-height: 줄 간격을 지정합니다. 이 속성은 글꼴 크기에 상대적인 값을 사용하여 지정할 수 있습니다. 예를 들어, line-height: 1.5;와 같이 사용할 수 있습니다.
6. font-family: 사용할 글꼴의 이름을 지정합니다. 이 속성은 여러 개의 글꼴을 쉼표(,)로 구분하여 지정할 수 있으며, 브라우저가 해당 글꼴을 찾지 못한 경우 대체할 글꼴을 순서대로 지정할 수 있습니다. 예를 들어, font-family: "Arial", sans-serif;와 같이 사용할 수 있습니다.

 

font 속성 사용법

See the Pen font by onenationonemind1 (@onenationonemind1) on CodePen.

 

고생하셨습니다.