오물오물 개발일기

Web Font - 직접 폰트를 다운받거나 가져와서 쓰는 방법이 있다. - link, @import 등을 사용한다. web font 이 폰트는 noto sans kr 입니다. body { font-family: "Noto Sans KR", sans-serif; } 💡 로컬에있는 폰트 사용하기 - 폴더에 폰트 파일을 넣는다. - font-face로 원하는 폰트를 설정해준다. - src property의 경우 아래 링크에서 가져와서 사용한다. https://css-tricks.com/snippets/css/using-font-face/ Using @font-face | CSS-Tricks The @font-face rule allows custom fonts to be loaded on a webpage. ..

Typography Font-size - 폰트의 크기를 지정합니다. .text{ font-size:18px; } line-height - 줄 간격의 사이즈 - 줄 안의 세로 정중앙에 위치하게 됩니다. - px이나 rem 경우엔 단위를 명시하고 em은 단위를 명시하지 않습니다. .text{ line-height:16px; } .text1{ line-height:1rem; } .text2{ line-height:1.5; } letter-spacing - 글자간을 조절합니다. - px과 em을 사용합니다. - line-height와 달리 em의 경우에도 단위를 명시합니다. .text{ font-size:15px; line-height:1.5; letter-spacing:-.01em; } font-family ..