Milligram: 제목 크기를 조정해야합니다.

동의한다고 말해야합니다. 프레임 워크의 열렬한 사용자이지만 헤더는 원하는 것을 남깁니다.

안녕하세요 @garretwilson @nateberkopec

좋은 문제, 여러분! 이를 개선 할 수있는 방법을 알아보기 위해 몇 가지 테스트를 수행하겠습니다. 이것에 대해 어떤 제안이 있습니까?

BTW, 프레임 워크의 품질을 보장하기 위해 최근에 추가 된 새로운 기능을 공유하고 싶습니다. 프레임 워크에 대한 변경 사항을 분석하고보고합니다. 눈에 띄지 않는 세부 사항이 있으면 이전 버전과 비교하여 식별됩니다. 이것은 시각적 회귀 테스트이며 다음 버전의 시각적 개선에 도움이 될 것입니다.

@cjpatoilo 여기 와 여기 에서 전통적인 타이포그래피 스케일을 다룹니다 .

여기서 주된 문제는 h1과 h2에 대해 스케일을 따르지 않는다는 것입니다. 더 커야합니다.

이러한 리소스를 기반으로 한 제안은 다음과 같습니다.

h1
    font-size: 6.0rem

h2
    font-size: 4.8rem

h3
    font-size: 3.6rem

h4
    font-size: 2.4rem

h5
    font-size: 2.1rem

h6
    font-size: 1.8rem

내가 그렇게 큰 것을 좋아하는지 미정이다. 그러나 어쨌든 나는 여전히 h2와 h3의 차이를 많이 알 수 없습니다. 크기를 더 빨리 줄여야한다고 생각합니다.

여기에서 아이디어를 찾을 수 있습니다.

• https://www.w3.org/StyleSheets/Core/stylebot.html?family=8&doc=Sampler
• http://materializecss.com/typography.html#headers
• http://www.blueprintcss.org/tests/parts/elements.html

밀리그램이 16px에서하는 것처럼 큰 체형 크기를 원한다면 h1은 아마도 꽤 클 것입니다. 그것은 타이포그래피가 작동하는 방식입니다. 작은 머리글과 큰 본문 텍스트를 가질 수 없습니다. 너무 작은 범위에 5 개의 다른 머리글 크기를 넣으려고하면 머리글을 구분할 수 없습니다 (지금처럼). Milligram은 본문 텍스트를 더 작게 만들거나 (나는 그것을 선호하지 않습니다) 헤더를 더 크게 만들어야합니다.

다음은 활자체 스케일을 엉망으로 만드는 또 다른 도구입니다 .

H6이 본문 카피와 같은 크기라도 괜찮다면 다음과 같은 대안이 있습니다.

h1
    font-size: 4.8rem

h2
    font-size: 3.6rem

h3
    font-size: 2.4rem

h4
    font-size: 2.1rem

h5
    font-size: 1.8rem

h6
    font-size: 1.6rem

H6가 본문과 같은 크기라도 괜찮다면…

나는 그 중 처음 세 개를 시도해 보았고 훨씬 더 좋아! 그리고 나는 H6이 몸과 같은 크기로 괜찮습니다. 기본적으로 H6을 굵게 표시하는 것이 좋습니다. 하지만 그렇지 않더라도 개인적으로 H6로 내려가는 경우는 거의 없습니다.

모바일 글꼴 크기도 수정해야합니다. 너무 유사해서 사용할 수 없습니다. 모바일에 동일한 스케일을 사용하는 것이 좋습니다.

그러면 곧 새 릴리스로 넘어갈 예정입니까?

그래서 나는 이것이 v1.2.2에 들어 가지 않았다는 것을 알았습니다. 이유는 무엇입니까? 풀 요청을해야합니까?

안녕하세요 @garretwilson @nateberkopec 잘 하셨습니다 . 나에게 많은 의미가 있어요 ♥

토론이 시작되었습니다! 이 프레임 워크는 오픈 소스 프로젝트이며 누구나 기여할 수 있습니다. 더 많은 사람들이 당신과 같은 관심을 갖고 기여하기를 바랍니다. 여기서 이야기 한 모든 내용을 검토하고 가능한 한 빨리 작업하겠습니다.

안녕하세요 @garretwilson npm install .. 그리고 진정하세요!

안녕하세요 @garretwilson npm 설치

그게 무슨 뜻인지 명확히 해주시 겠어요? 사이트에서 v1.2.2를 다운로드했는데 포함되지 않은 것 같습니다. "npm 설치"가 아직 출시되지 않은 최신 정보를 제공한다는 말입니까? 버전 v1.2.3입니까? 나는 컴퓨터와 같다. 당신이 내게 철자를 쓰지 않으면 쉽게 혼란스러워한다.

.. 그리고 진정하세요!

나는 이것이 예정되어 있는지, 발표되었는지 또는 무엇인지 명확하지 않았기 때문에 상태를 확인하고 있었다. 나는 또한 내가 도움을 주겠다고 제안하고 있음을 분명히하려고했지만 누군가 이미이 일을했는지 ​​확신 할 수 없었다. 제가 어떻게 도울 수 있는지 알려주세요.

@nateberkopec 은 5.0rem (50px)의 기존 h1이 아닙니까? 우리가 그것을 줄이는 것을 제안 하는가? 4.8rem으로?

@sudheerDev 저는 타이포 그래퍼가 아닙니다. 인터넷에서 읽은 내용을 알고 있습니다. 타이포그래피 스케일에 대한 위의 링크를 읽으면 5가 아닌 4.8 인 이유를 알 수 있습니다 (기본적으로 헤더 크기 사이의 간격은 패턴을 따릅니다).

@nateberkopec 말이 되네요. 나는 이것을 위해 PR을 줄 것이다. 그들이 어떻게 보이는지 보자

@nateberkopec PR에 감사드립니다!. 바빠서 밀 수 없었어

@garretwilson @nateberkopec @sudheerDev 드디어 이러한 기여로 새 버전을 출시 할 수있었습니다. 기본 프레임 워크를 기반으로 제목 크기를 검색 한 결과 마침내 요청 된 내용에 대해 더 적절한 상황에 도달했습니다. 나는 그것을 좋아하면 좋겠!

제목 크기가 훨씬 더 의미가 있습니다. 감사합니다.