텍스트 디자인을 위한 5가지 CSS 속성
CSS properties you should know for better text designs
웹에서 눈에 띄는 텍스트를 만들기 위해 font 선택만으로는 부족합니다. 이 글에서는 background-clip으로 이미지나 그라디언트를 텍스트에 채우는 방법, vertical-align과 align-content의 차이, 줄바꿈 시 스타일을 유지하는 box-decoration-break, letter-spacing을 활용한 텍스트 애니메이션, 그리고 동아시아 타이포그래피를 위한 text-combine-upright까지 다섯 가지 CSS 속성을 소개합니다. 각 속성은 간단한 코드 예제와 함께 설명되어, 바로 활용할 수 있습니다.
background-clip: text는 배경 이미지(또는 그라디언트)를 실제 텍스트 안에 마스킹할 수 있게 해주며, 이후 가장 인기 있는 타이포그래피 비주얼 기법 중 하나로 남아 있습니다.