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

황즈니님의 프로필 이미지
황즈니

작성한 질문수

디자인 시스템 with 피그마

타이포그라피 스타일 업로드 오류

해결된 질문

작성

·

579

3

또 질문드립니다 선생님 ㅠㅠ
타이포그래피 Label 값들을 잘 넣어서 create style을 했는데 값이 다르게 업로드돼요

뭔가 문제인지 모르겠습니다 도륵

Heading을 복사해서 했는데 그것이 문제인가요?
복사 안하고 새로 직접 만드니까 잘 되긴 합니다ㅠㅠ!!!

 

그리고 이 빨간부분 표시는 뭘 의미하는건가요? 제가 뭘 잘못 연동한건가요?

답변 2

7

범쌤 님의 프로필 이미지
범쌤
지식공유자

안녕하세요 황즈니님 :)

Label에서 내보낸 값을 보니 12/Auto 라고 나와있군요,

저렇게 나오는 이유는 크게 3가지 정도가 있으므로, 잘못한게 있는지 확인해주시면 좋을것 같아요

 

  1. 폰트를 불러오지 않았을 경우

    폰트의 모든 두께를 다 불러오지(컴퓨터에 설치)하지 않았을 경우 토큰에서 해당 굵기의 폰트를 찾지 못해 문제가 생길 수 있습니다.

  2. 오타가 있는 경우

    타이포그래피를 설정할 때 글자 하나라도 (대소문자, 띄어쓰기 포함) 오타가 있으면 해당 폰트를 완벽하게 불러오지 못하는 문제가 생길 수 있습니다.

  3. 피그마의 오류

    피그마가 종종 폰트를 불러오지 못하는 경우가 있을 수 있어 피그마를 전체 껏다 다시 켜보시기 바랍니다.

 

빨간색 클립이 부러진 모양은 타이포그래피를 구성하는 요소들이 제대로 들어있지 않았다는 표시입니다.

우리는 현재 line-height까지만 구성하고 나머지 요소들은 만지지 않을것이기 때문에 클립이 거슬리는 경우는 line-height이하의 요소들에게는 none의 값을 부여해주셔도 될듯합니다 :)

image

 

감사합니다 :)

같은문제로 질문남겨서 확인해보니
Pretendard 폰트패밀리에 있는 font weight 명과 대소문자를 똑같이 입력해야 연결이 되네요!

Pretendard - SemiBold 인데
여기 질문자분은 Semibold, 저는 semibold 라고 해놓아서 안됐던것같아요.
수정하니 정상연결됩니다:)

감사합니다!

feelgood1177님 말이 맞네요!! 감사합니다!!

3

황즈니님의 프로필 이미지
황즈니
질문자

오 감사합니다! 문제는 2번 오타가 있는 경우였네요!!

저번에도 오타때문에 오류가 있었는데 오타를 잘 유의해야겠습니다..!!

 

클립이 부러진 모양도 저 이유였군요 확인했습니당 정말 감사해요! 😀

황즈니님의 프로필 이미지
황즈니

작성한 질문수

질문하기