글꼴 크기 범위 {1, 2, 3, 4, 5, 6, 7}과 {xx-small, x-small, 큰}? HTML/CSS 글꼴 크기에서

글꼴 크기를 지정하는 방법 중 하나를 사용하지 마십시오. 정당한 사유로 비난되었습니다. 설명 된 방법을 사용하여 플랫폼 전반에서 일관된 모양과 느낌을 만드는 것은 거의 불가능합니다. 브라우저 공급 업체가 각 브라우저의 값으로 지정하는 내용에 완전히 의존한다는 점은 말할 것도 없습니다.

대신 em 또는 백분율을 사용하십시오. 디자인이 요구하는 글꼴 크기를 훨씬 더 세밀하게 제어 할 수있을뿐 아니라 훨씬 일관된 모양을 얻을 수 있습니다.

출처

2009-09-08 23:49:38

픽셀 (px)을 사용하는 것이 더 좋습니다. 어쨌든 다른 모든 것들 (상자, 테두리 등)의 크기를 조정하기 위해 이미 픽셀을 사용하고 있으므로 글꼴은 다른 플랫폼의 다른 페이지 요소와 비교하여 같은 크기가됩니다. Mac 사용자가 읽을 수 있도록 본문 글꼴을 12px 이상으로 유지하십시오. – Seth

본인이 언급 한 방법을 사용하고 있지 않습니다. 다른 사람들의 HTML에서 글꼴 크기를 인식해야하므로 가능한 한 많이 통합하려고합니다. @Seth : 나는 px의 큰 팬이 아니다. 대신 나는 일반적으로 em (차원, 패딩, 여백, 때로는 테두리)을 사용하여 최대한 많이 정의하려고합니다.내 경험에 비추어 볼 때, 상대적 측정을 사용하면할수록 레이아웃을 유연하게 유지할수록 다양한 플랫폼에서 호환성이 향상되고 사용자의 손에 더 많은 (크기 조정) 권한이 부여됩니다. –

@Seth - 귀하의 의견은 px를 사용하지 말아야하는 이유를 정확히 보여줍니다. "PC를 사용하는 경우 본문 글꼴을 12px 이상으로 유지하여 Mac 사용자가 읽을 수 있도록하십시오." 진정으로 접근 할 수있는 사이트가 필요하다면, em의 길을 갈 수 있습니다 - 본체의 기본 크기를 지정하여 브라우저와 플랫폼간에 일관된 크기를 얻는 방법에 대한 정보가 많이 있습니다. –

팀, bigmattyh's answer에 대한 귀하의 의견을 참조에서 :

당신이 Firebug 당신이 "계산 된 스타일"요소를 볼 수있는 파이어 폭스에서 실행되는 경우 - (그래서 예를 들어 StackOverflow의 CSS는이 H2 태그를 정의하면서, 즉 주위 같은 제목 "당신의 대답") : 나는 "계산 된 스타일"을 살펴 경우

이

h2 { 
    font-family:Trebuchet MS,Helvetica,sans-serif; 
    font-size:140%; 
    font-weight:bold; 
    margin-bottom:7px; 
}

내가 볼 수있는이 있음 :

font-size: 17.9167px http://www.doodle.co.uk/UserFiles/Image/ComputedStyle.png

귀하의 탐구에 도움이 될만한 정보가 있습니다.

출처

2009-09-09 08:45:43

글꼴 크기 범위 {1, 2, 3, 4, 5, 6, 7}과 {xx-small, x-small, 큰}? HTML/CSS 글꼴 크기에서

답변

관련 문제