본문 바로가기
버블 개발/초급

58. Font Variables (초급) : 버블의 폰트 변수 설정, 앱 전체의 글꼴을 중앙에서 관리

by 스타트업 사업가 마르코 2023. 7. 28.
이 섹션에서는 앱 전체의 요소 및 스타일에 적용할 수 있는 글꼴 모음을 관리하는 데 사용되는 Font Variables(글꼴 변수)를 다룹니다.

 

  • Font Variables(글꼴 변수)를 사용하면 글꼴 설정을 중앙 집중화하고 여러 요소 및 스타일에서 글꼴을 변경할 수 있습니다.
  • 사용되는 각 인스턴스에서 Font Family(글꼴 패밀리)를 수동으로 조정하는 대신 한 곳에서 Font Variables(글꼴 변수)를 수정하고 변경 사항이 앱 전체에 전파되는 것을 볼 수 있습니다.

 

Font Variable은 요소에서 바로 편집 가능
Font Variable은 요소에서 바로 편집 가능

Font Variables(글꼴 변수)는 스타일과 연결할 수 있습니다.

  • 위의 이미지에서 글꼴 목록의 상단에 있는 두 옵션은 글꼴 변수입니다.
  • 변수가 변경될 때마다 해당 변경 사항이 모든 스타일 및 요소에 전파됩니다.

 

새로 만든 앱의 경우 기본 스타일은 기본적으로 “App Font"로 설정됩니다.

Font Variables(글꼴 변수) 기능이 출시되기 전에 빌드된 앱의 경우 개별 요소 모양 설정 또는 스타일 탭의 요소 스타일 섹션에서 "App Font"로 전환할 수 있는 옵션이 있습니다.

 

FAQ

글꼴 변수가 스타일에 적용됩니까?

예, Font Variables(글꼴 변수)는 스타일에 적용됩니다.

  • 즉, Font Variables(글꼴 변수)를 업데이트하면 해당 변수를 사용하는 모든 스타일에서 자동으로 업데이트됩니다.
  • 두 가지를 결합하여 향후 변경을 쉽게 할 수 있는 유연한 스타일링 시스템을 설정할 수 있습니다.