폰트사이즈 관련 CSS 질문 입니다.
본문
안녕하세요 질문 드립니다.
검색을 해봐도 해당 되는 자료가 거의 없는 것 같아서 질문 드립니다.
CSS에서 폰트를 특별하게 지정하지 않고(?), serif 같은 것 (그냥 기본 폰트) 으로 했을 경우에
(혹은 아예 폰트를 지정하지 않고)
각 PC나 모바일 마다 설정 해둔 폰트가 있어서
그 폰트로 출력이 될 텐데요
그때마다 폰트마다 사이즈가 조금씩 달라서 그것이 두줄이 되거나 더 작거나 더 크거나 하는
경우가 있을 거라고 생각이 되는데요
이부분을 어떻게 조정할 수 있는 부분이 없을 까요?
웹폰트와 구글폰트를 이용하여 사용 하고 있었는데 이부분을 버리고
맑은 고딕이나, 맥OS 까지 아우룰 수 있는 기본내장 폰트로 지정하여 사용 하려 하는데
저 부분이 크게 고려가 되어 질문을 드립니다.
답변 3
브라우저는 폰트가 정해져있지 않다면 기본적으로 sans-serif 로 출력되는데, 기기마다 다른 기본형폰트로인해 크기가 다를수 밖에 없지요.
이를 이미 알고 계시기에, 웹폰트나 구글제공 웹폰트등을 사용하고 계셨던것으로 보이는데 브라우저 안전 폰트와 유사한 이름으로 알려진 폰트들이 있습니다. 물론 이것은 영문 기준이기에 한글을 사용하는 곳이라면 의미가 없죠.
대표적으로 sans-serif 의 Arial, Lucida Sans Unicode, Verdana 가 있으며, 이것들은 맥/윈도우 모두 지원하는 폰트입니다. 다만 이런 브라우저 안전 폰트들이 각종 휴대기기등이 나오기 이전에 제공되었던 것이기에 현재의 모든 기기에 대응한다고 말할순 없을겁니다.
질문 내용에 적확한 답변 감사드립니다.
font-size:1em;
em 으로 하시면 해당 pc 또는 모바일에서 설정한 사이즈
font-size:10px;
폰트사이즈 픽셀로 고정
font-size:10pt;
폰트 사이즈 포인트로 고정
이 셋중에서 어떤 해상도든 어떤 디바이스든 같은 크기로 나오는 것은 픽셀입니다.
그리고 그누보드 css 폴더 안의 디폴트.css 인가 있을거에요
거기 최 상단에 .body { font-size:12px }
이렇게 하면 폰트사이즈가 모두 고정되어집니다 (별도 스타일적용 폰트 제외)
