웹 사이트에 사용할 수있는 이상적인 글꼴 크기는 얼마입니까?


11

웹 사이트에 사용할 수있는 글꼴 크기는 몇 개입니까?

어떤 사람은 3 가지 이상의 서로 다른 글꼴 크기를 사용하지 않는 것이 좋습니다 (예 : 제목은 16px, 텍스트는 11px, 작은 제목은 13px).

웹 페이지 당 3 개 이상의 글꼴 크기 (예 : 4)를 사용하는 것이 좋거나 나쁜 생각입니까? 나는 네 번째 것을 사용하려고 생각하기 때문에 묻지 만 디자인을 망칠 수 있는지 모르겠습니다.

답변:


10

이 질문은 흥미 롭습니다. 나는 솔직히 제한된 수의 글꼴 크기에 대해 들어 본 적이 없습니다. 그러나 일반적으로 2 또는 3을 초과하지 않는 글꼴의 수에 대해 들었습니다. 오늘날 반응 형 웹에서는 뷰포트에 따라 글꼴 크기가 항상 변경되는 것을 볼 수 있습니다.

이것은 어떤 출처가 없다면 좋은 대답이 아니므로 Smashing Magazine에서 읽어야 할 흥미로운 기사가 ​​두 가지 있습니다. 하나는 타이포 그라피 지침 및 기술 에 관한 것입니다 (상대 용어로 제목 태그의 스케일링에 대해 이야기하는 섹션으로 연결했습니다) h1 : 1.5ems, h2 : 1.375ems 등

두 번째 기사는 매년 웹에서 가장 인기있는 일부 사이트에서 타이포그래피에 대한 Smashing Magazine대규모 연구 입니다. 이러한 사이트는 주로 콘텐츠 중심이므로 타이포그래피가 중요합니다.

나는 당신이 찾을 수있는 것은 일반적으로 글꼴 크기에 대한 모범 사례에 동의하지 않았다는 것입니다. 시청자가주의를 산만하게하는만큼 크게 바뀌지 않는 한, 재량에 따라 시청할 수 있습니다. 글꼴 크기를 구별 가능한 방식으로 사용하여 사용자가 글꼴 크기를 특정 내용 유형과 관련시킬 수 있다면 괜찮을 것입니다. 배 밖으로 나가지 마십시오.


1
와! 그 멋진 대답에 정말 감사합니다! 독일의 대행사. 나는 그를 좋아하지 않았고 그는 내가 거기에서 일하는 동안 많은 황소 $ 명중을 말했기 때문에 당신이 저에게 묻는다면 3 가지 크기의 그의 규칙이 완벽하지 않다고 생각합니다. 간단한 참고 사항 ...
drpelz

4

웹 사이트에 사용할 수있는 글꼴 크기는 몇 개입니까?

기술적으로 무한한 금액입니다.

누군가가 3 가지 이상의 글꼴 크기를 사용하지 않는 것이 좋습니다

'좋은'디자인은 일련의 제약 조건 내에서 작동하는 경향이 있기 때문에 이러한 규칙 유형 규칙 중 상당수는 초점과 방향을 제공하기 위해 옵션의 범위를 재조정하는 데 사용되는 제약 조건입니다.

웹 페이지 당 3 개 이상의 글꼴 크기를 사용하는 것이 좋거나 나쁜 생각입니까?

예. 그리고 아니 어 .. 그것은 달려있다.

그것은 모두 당신의 디자인의 세부 사항을 기반으로합니다. 스스로에게 물어보십시오 : 네 번째 글꼴 크기를 추가해도됩니까? 당신이 그것을 사용하는 것을 정당화 할 수 있습니까? 그렇다면 그렇게하십시오.


2

당신이 원하는만큼. 신문에 대해 생각해보십시오. 제목에 상대적인 중요성을 표현하기 위해 다양한 크기를 사용할 수 있습니다. 웹 페이지에서 동일한 작업을 수행 할 수없는 일반적인 이유는 없습니다. 예를 들어 태그 클라우드는 글꼴 크기 변화를 많이 사용합니다.


신문은 다양한 중요도를 수용하기 위해 규모를 사용하지만, 전통적으로 카피 피팅의 수단으로 사용되었습니다.
DA01

태그 클라우드가 좋은 예입니다!
unor

2

위에 주어진 대부분의 답변에 동의하지만 여기에 하나 더 추가하고 싶습니다.

먼저, 방문자에게 가장 호소력이있는 레이아웃을 유지해야합니다. 글꼴 크기를 너무 많이 섞어 맞추면 더 혼란스럽고 읽기 어려울 수 있습니다.

둘째, 사용자 기반을 고려하십시오. 누가 귀하의 사이트를 사용합니까? 어떤 사람들은 다른 플랫폼을 사용하고 특정 글꼴 크기는 다른 플랫폼에서 다르게 보입니다.

가장 중요한 것은 페이지에서 일관된 모양을 유지하는 것입니다. 행운을 빕니다!


1
기본적으로 당신은 물론입니다! :) 그러나 3 개의 글꼴 크기만으로도 복잡한 게임 사이트를 개발하기가 어려울 수 있습니다.
drpelz
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.