구글 폰트 적용하는 법 https://fonts.google.com/ Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 구글폰트 사이트에 접속해서 맘에드는 폰트를 선택합니다. 원하는 폰트의 크기 옆에 Remove Regular 버튼을 눌러주면 오른쪽 상단에 메뉴를 클릭하시면 글꼴이 추가된 것을 확인할 수 있습니다. 위 코드는 html 태그 안에 넣으면 됩니다. 기본세팅
font-size : 글씨 크기 font-family : 글씨체 font-weight : 글씨 굵기 line-height : 행간 글씨크기가 커지면 행간도 키워야함 (보통 글씨의 1.6배 사용) text-align : 문단 정렬 text-decoration underline: 밑줄 overline: 윗줄 line-through: 취소선 letter-spacing : 자간 조절
background-image : 태그 배경에 이미지 삽입 background-image: url() 이미지가 태그 공간의 크기에 맞춰서 여러개가 나타남 background-repeat : 이미지 반복 설정 no-repeat repeat-x repeat-y background-position : 배경 위치 지정 left top right bottom center background-size : 배경 사이즈 지정 사이즈 쓰는 방향은 가로 세로 cover: 공간의 배율과 이미지의 배율이 일치
display 속성 이용 display: none; : 요소를 사라짐 display: block; : 요소가 나타남 opacity 속성 이용 opacity: 0; : 요소가 투명해짐 opacity: 1; : 요소가 나타남 둘의 차이는 display는 요소 자체를 삭제하고 opacity는 투명도만 조절
