티스토리 뷰

개발/TIL

윤준수 2022. 5. 25. 12:51

CSS로 폰트 안티앨리어싱 넣기

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

이 속성은 비표준입니다. 자세한 지원 또는 레퍼런스는 caniuse.com과 MDN의 font-smooth 항목을 참고해주세요.

파이어폭스 (macOS 버전 제외)외 Webkit 엔진 기반의 웹 브라우저는 다 작동합니다. (Edge는 Webkit 엔진이 적용된 79버전 부터)

transform: rotate(0.04deg) translate3d(0, 0, 0);

텍스트 렌더링 방식을 바꾸어 안티앨리어싱을 적용하는 방법입니다. 사이드 이펙트나 부작용 등에 대해선 알아보지 않아서 직접 알아보시거나 사용을 지양해주시길 바랍니다.

backdrop-filter가 사파리에서 작동 안해요!! (0)	2022.09.18
Parallax Scrolling 패럴럭스 스크롤링 혹은 비디오 스크롤링 하면서 생기는 영상의 렉을 없애보자 (0)	2022.08.12
Node.js의 대체자? Bun을 알아보자 (0)	2022.07.27
Vite에서 HTML Injecting 하는 법 (0)	2022.04.11
파이썬으로 (PyInstaller) 컴파일 된 EXE 바이너리 디컴파일 하는 법 (2)	2022.04.07

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함