구글 블로그 글꼴 바꾸는 방법 (Google Fonts)
구글 폰트 (Google Fonts) 구글 폰트는 지금까지 전 세계적으로 가장 잘 알려진 무료 글꼴 서비스입니다. 다양한 언어로 1064개 이상의 무료 글꼴을 제공하며 .woff2, .svg, .eot 등으로 다양한 형식으로 사용할 수 있습…
글자 꾸미기
글꼴 바꾸는 방법 - font-family
웹 문서에서 사용할 글꼴은 font-family 속성으로 지정합니다. 이 속성은 <body> 태그를 비롯해 <p> 태그나 <h1> , <h2> , <h3> 태그처럼 텍스트를 사용하는 요소들에서…
글자 크기 바꾸는 방법 - font-size
font-size 글자 크기는 font-size 속성으로 조절합니다. 픽셀이나 포인트를 비롯해 크기를 여러 단위로 지정할 수 있고 백분율을 사용할 수도 있습니다. 기본형 font-size : 절대크기 | 상대크기 | 크기 | 백분…
글자 모양 바꾸는 방법 - font-style
font-style font-style은 글자 모양을 정하는 속성으로, 기울임 여부를 정합니다. 기본형 font-style : normal | italic | oblique normal : 보통 모양입니다. italic : …
글자에 그림자 효과를 주는 방법 - text-shadow
텍스트에 그림자 효과를 줄 수 있습니다. 그림자 효과는 본문에서 자주 사용하면 지저분해 보이지만 사이트 제목이나 강조해야 할 글자에 사용하면 글자를 눈에 띄게 할 수 있습니다.
글자 위로 밑줄 긋기 - text-decoration
text-decoration text-decoration은 글자 위로 밑줄을 긋거나 취소선을 표시할 수 있습니다. 기본형 text-decoration : none | line-through | overline | underline n…
소문자를 작은 대문자로 바꾸는 방법 - font-variant
font-variant font-variant는 소문자를 작은 대문자로 바꾸는 속성입니다. 즉, 소문자 크기의 대문자로 바꾸는 속성입니다. 따라서 한글에서는 의미 없는 속성입니다.
모든 글자를 대문자, 소문자로 변환 - text-transform
text-transform 영문자를 표기 할 때 text-transform 속성은 모든 글자를 대문자로 또는 소문자로 바꾸거나 첫번째 글자를 대문자로 변환할 수 있습니다. 이 속성은 한글에서는 의미가 없는 속성입니다.
글자 사이 간격, 단어 사이 간격 - letter-spacing, word-spacing
텍스트 자간을 조절해보십시오. 강조하고 싶은 글자나 큰 글자들은 글자 사이 간격을 조절해 여유있게 표시하면 읽기 편합니다.