fluid typography calculator

유체 타이포그래피 계산기?

지침

이 계산기를 사용하는 방법

• px 또는 rem 에 최소 및 최대 글꼴 크기를 입력하십시오. 기본 글꼴은 항상 이러한 한도 내에 남아 있습니다

• px 또는 rem 에 최소 및 최대 뷰포트 너비를 입력하십시오.

• 뷰포트가 최소 너비보다 작거나 같고 그 반대도 마찬가지입니다. 이 한계 사이에서 글꼴 크기는 클라이언트의 뷰포트 너비에 비례하여 스케일링됩니다.

• 결과 패널은 CSS에 복사 할 수있는 생성 된 공식을 보여줍니다.

유체 타이포그래피에 대해 혼란 스럽습니까?

이 계산기가 어떻게 상세하게 작동하는지 설명하는 "Fluid Typography"내 게시물을 읽으십시오.

크레딧?

이 계산기는 Christopher Kirk-Nielsen의 게시물 인 "Clamp ()가있는 현대 유체 타이포그래피"에서 영감을 얻었습니다.

Clamp의 기능과 일치하는 또 다른 폴백 전략에 대해서는 Daniel Yuschick의 "CSS Clamp ()가있는 유체 타이포그래피 ()가 내가 가장 좋아하는 것입니다."