인프런 커뮤니티 질문&답변

duoh님의 프로필 이미지
duoh

작성한 질문수

애플 웹사이트 인터랙션 클론!

페이지 내용 CSS 작성 1

body에 폰트 픽셀을 고정하는 이유가 궁금합니다.

작성

·

339

1

안녕하세요!
좋은 강의 업로드해주셔서 감사합니다:)

기본 폰트 사이즈에 대해 궁금한 점이 있어 질문 드려요~

1. 폰트를 픽셀로 고정하면 접근성에 좋지 않다고 어디선가 읽었는데요~
페이지의 font-size를 픽셀로 고정하는 사이트들이 많은 것 같습니다.

이 예제에서도 body의 font-size를 14px로 고정하였는데,
body에 폰트 사이즈를 설정하지 않은채 rem을 사용하면
다양한 브라우저에서 같은 화면을 보여줄 수 없으니 고정하는 편이 좋을까요?

2. 보통 몇 픽셀을 폰트 기본 사이즈로 사용하는지도 궁금합니다.
16px로 알고 있었는데, 이 또한 사이트 컨셉에 따라 다른 건가요?

궁금합니닷~! 

답변 2

1

1분코딩님의 프로필 이미지
1분코딩
지식공유자

아, body는 사실 html을 빼면 최상위 엘리먼트이기 때문에 픽셀을 써도 상관이 없어서 그렇게들 하는 경우가 많다고 생각됩니다^^
폰트 시스템 자체를 rem이나 em 기반으로 간다고 해도, 어차피 상위 요소는 고정 크기이고 그걸 기준으로 하위 요소들의 폰트 크기가 변화되는 것이니까요~
말씀대로 body에도 0.75rem 이런 식으로 해주셔도 아주 좋습니다.

기본 폰트 사이즈같은 경우는 디자인에 의존하는데, 최근의 트렌드는 점점 커지고 있다는 생각이 드네요~

0

duoh님의 프로필 이미지
duoh
질문자

문서에 고정 값을 준다거나 기본 폰트 크기 등은 디자인 요구에 따라 적용하게 되는군요~
상세한 답변 고맙습니다~!!
다시 일분이 만나러 물러나봅니다(총총)

duoh님의 프로필 이미지
duoh

작성한 질문수

질문하기