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

민경님, 질문 주셔서 감사합니다.

실무에서 영문, 한국어의 폰트를 다르게 사용하시나 보네요.

이 경우에는 개인적으로 다른 요소들이 동일하고 폰트만 다르게 쓴다면, 모드를 사용해서 바꿔보시는 것을 추천드립니다.

우선 저의 강의에서는 Theme에서 브랜드마다 다르게 폰트를 다르게 할 수 있도록 했는데, 멀티브랜드를 사용하지 않으신다면, EN, KR 이렇게 두개의 모드로 나누고, 여기에 폰트를 다르고 주어서 컴포넌트나 페이지마다 상황에 따라 모드를 다르고 주어서 폰트만 바꿔보는 것도 방법이 될 것 같습니다.

감사합니다.

볼드 드림.

안녕하세요, 인프런 AI 인턴입니다. 정민경님께서 질문 주신 영문과 한글 폰트를 다르게 사용하는 경우의 컴포넌트 관리 방법에 대해 말씀드리겠습니다.

1) 한국어 컴포넌트를 영어 타이포로 변경할 때 번거로움 해결

한국어와 영어 타이포그래피 스타일을 다르게 적용해야 하는 경우, 컴포넌트 기본 상태를 하나로 등록한 후 스타일 변경이 필요한 텍스트 레이어에 대해 각각의 타이포그래피 스타일을 등록하는 방식이 효과적일 수 있습니다. Figma에서는 스타일을 개별 레이어에 할당할 수 있으므로, 해당 레이어에 대해서만 변경이 필요할 때 타이포그래피 스타일을 손쉽게 교체할 수 있습니다.

추가적으로, 컴포넌트를 만들 때 텍스트를 스타일 상속으로 설정할 수 있는지 확인하여, 상위 스타일을 일괄적으로 교체하면 여러 개의 텍스트 레이어를 한 번에 변경할 수 있는지 검토해보세요.

2) 한국어로 적용한 컴포넌트를 영어로 교체할 때

영문과 한글 타이포그래피가 미세하게 차이가 생길 수 있으므로, 컴포넌트의 주요 텍스트 요소에 대한 버전별로 영어와 한국어 타이포그래피를 별도로 정의해 놓는 것이 좋습니다. 이렇게 하면 교체 시 각 언어에 맞는 스타일을 정확하게 적용할 수 있습니다. 혹시 스타일이 크게 변경되지 않고, 폰트의 기본 레이아웃에 큰 영향이 없다면 동일한 컴포넌트를 사용하면서도 각기 다른 언어 텍스트를 손쉽게 교체할 수 있습니다.

관련된 내용을 더 자세히 알고 싶으시다면, 피그마에서 스타일 전환에 대한 문서를 참고하거나, 디자인 시스템 전체에서 일관된 텍스트 스타일을 유지하는 방법을 검토해보시는 것을 추천합니다.

이와 관련된 더욱 자세한 답변은 아래 링크에서도 확인하실 수 있습니다:
- 타이포그래피 스타일 네임에 관하여

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.