CSS CSS로 웹폰트 글자 계단 현상(안티앨리어싱) 해결하기
페이지 정보
조회 202회
작성일 20-04-29 11:51
낮은 버전 IE 등 일부 브라우저에서 웹폰트 글자가 계단처럼 보이는 안티앨리어싱 문제를 해결하는 CSS 팁이다. 육안으로 구분되지 않는 미세한 기울기 transform: skew(0.001deg)를 글자에 적용하면 렌더링이 부드러워지며, .font_sel 클래스에 적용하는 예제 코드를 함께 소개한다.
使用WEBFONT时，低版本的IE浏览器以及其他浏览器显示字体有锯齿现象解决方。
.font_sel {transform:skew(-0.001deg);}
给些肉眼看不出来的斜度
- 이전글반응형 웹에서 테이블 깨지지 않게 처리하기 (CSS) 22.03.04
- 다음글순수 CSS로 radio·checkbox 스타일 예쁘게 꾸미기 20.04.29