antialiased는 Tailwind CSS의 클래스 중 하나로, 텍스트의 안티앨리어싱(Anti-aliasing) 설정을 적용하는 역할을 합니다.
antialiased 클래스 설명이 클래스는 폰트 렌더링을 더 부드럽게 만들어 주는 역할을 합니다.
• 브라우저에서 font-smoothing(폰트 부드러움)을 조절하여 적용됨
• 기본적으로 macOS와 iOS의 Safari, Chrome에서 동작하는 -webkit-font-smoothing: antialiased; 속성을 적용
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
CSS
복사
효과• 텍스트의 가장자리가 부드러워짐
• 흐리게 보일 수도 있지만, 고해상도 디스플레이에서는 더 선명하게 보임
• macOS나 iOS에서 더 효과적임 (Windows에서는 큰 차이 없음)
사용해야 할까?• 일반적으로 더 부드러운 폰트 렌더링을 원할 때 사용
• 디자인적으로 텍스트가 너무 거칠어 보인다면 추가하는 것이 좋음
