[html/css 기초] 폰트 크기 설정하기 방법들 정리

 

4가지 방법 모두 <style></style> 태그 안에 font-size: ; 를 사용해 넣으면 된다.

px 사용

font-size: 24px;

font-size: 32px;
font-size: 64px;

 

pt 사용

font-size: 24pt;

font-size: 32pt;

font-size: 64pt;

 

% 사용

✅ 상속된 값에 상대적이다.(부모요소의 폰트 크기를 기준으로 한다.)

font-size: 100%;

font-size: 200%

 

em 사용

✅ 퍼센트와 비슷하게 사용하면 된다.(1em = 100%, 2em = 200% 이렇게 동일)

font-size: 1em;

font-size: 2em;

font-size: 3em;

 

 

간단한 사용법 예시는 아래와 같다.

<style>
    p{
        font-size: 64px;
    }
</style>