[태그:] 웹퍼블리싱
-
📝 다국어 폰트 자간 보정 및 줄바꿈 차단기
자간과 줄바꿈 옵션을 고르면 CSS를 바로 만들고, 좁은 폭에서 어떻게 보이는지 미리 볼 수 있습니다. 1. 자간·줄바꿈 설정 자간 (letter-spacing, em) 한글 본문은 보통 -0.02em ~ -0.05em 정도가…
-
🔠 서체 행간 가변 감쇄 보정 계산기 (Line-Height Crop)
글자 크기와 line-height를 넣으면 위아래 숨은 여백을 줄이는 CSS를 바로 만들고 복사할 수 있습니다. 1. 서체·글자 크기·행간 설정 웹폰트 종류 Pretendard (프리텐다드 / 기본 계수 0.13)Noto Sans KR…
-
🔤 웹폰트 깜빡임 방지 FOIT/FOUT 제어기
font-display 옵션을 고르면 FOIT/FOUT를 줄이는 @font-face 코드를 바로 만들고 복사할 수 있습니다. 1. @font-face 기본 설정 폰트 이름 (font-family) 표시 방식 (font-display) 기본 서체로 먼저 보여 준 뒤…
-
🔲 CSS 가변 가로세로 비율 종횡비 계산기
가로 폭과 비율만 넣으면 세로 높이와 aspect-ratio·패딩 비율 CSS를 바로 만들고 복사할 수 있습니다. 1. 가로 폭과 비율 설정 가로 폭 단위 px (시안·실무 기본)rem (높이 참고용) 기준…
-
🎬 CSS 키프레임 이징 마스터 생성기
키프레임 모션이나 cubic-bezier 이징을 고르면 CSS 코드를 만들고 미리볼 수 있습니다. 1. 만들 종류 무엇을 만들까요? 키프레임 모션 (@keyframes)cubic-bezier 이징 (트랜지션) 2. 모션·시간 설정 모션 프리셋 둥실둥실 부유…
