[Tips] Font 사이즈 비율 계산 정리 (pt, px, em,% 변환)

폰트 사이즈 비율을 계산이 필요한 Web 디자인, UX기획, Front 개발시에 깔끔하게 정리된 정보가 필요해서 매번 찾던 자료를 이 참에 정리해 둡니다. 즘엔 프로토타입 툴들이 제공을 해주긴 합니다만, 디자인 시스템 컴포넌트 정의할 때는 한방에 정리된 자료가 보기도 편하겠죠. font-size 계산기와 비교 표를 함께 공유 드립니다. Font-size 비율표 • viewport : 96 dpi • defulat font-size : 16px • 참고 : 아래쪽에 폰트 계산기 사이트 정보도 연결해두었습니다. Point(px) Pixel(px) Em / rem Percent Keyword 6pt 8px 0.5em 50% 6.75pt 9px 0.5625em 56.25% xx-small 7pt 9.333px ..
카테고리 없음 2023. 6. 28. 17:34
1