목록#antialiasing (1)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] CSS로 안티앨리어싱 효과 내기 (폰트를 부드럽게)

기본 폰트가 아닌 웹폰트를 사용하다가 보면 같은 소스와 폰트인데도 불구하고 브라우저마다의 랜더링 차이로 글자가 다르게 보일때가 종종 있습니다. 일반인들은 잘 눈치채기 어렵지만, 웹디자이너들의 눈에는 금방 확인이 되는 부분이죠. -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 이럴때를 대비하여 폰트 안티앨리어싱을 적용할 수 있습니다. 참고로 표준코드는 아니지만, CSS 트릭을 사용하여 포토샵과 같은 부드러운 폰트의 느낌을 나타낼 수 있습니다. -webkit-text-stroke: 0.45px; // or -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1); // or text-shadow: #..
웹프로그램밍 자료실/기타 자료 2018. 9. 5. 08:59
Prev 1 Next