고급 텍스트 예시

전통적으로 글꼴 패밀리는 독립형 글꼴로 선택할 수 있는 하드코딩된 가중치, 스타일 및 너비(및 이들의 조합)의 집합으로 제한된 수의 변형으로 배포되었습니다.

가변 글꼴은 이 아이디어를 확장한 것입니다. 글꼴 패밀리의 변형을 독립형 글꼴 파일로 배포하는 대신 단일 가변 글꼴이 보간을 통해 변형을 생성할 수 있습니다(그리고 더 많은 변형을 생성할 수도 있습니다).

이는 글꼴에 너비, 기울기 또는 무게와 같은 속성에 대해 소위 "가변 축"을 정의함으로써 이루어집니다. 사용자는 이러한 축을 따라 사전 설정된 값 중에서 선택하거나 글꼴이 지원하는 범위에서 사용자 지정 값을 설정할 수 있습니다.

이 예시에는 "Georama"라는 가변 글꼴이 포함되어 있습니다(저작권 2020 The Georama Project 저작자, OFL 1.1에 따라 라이선스 부여). 이 글꼴에는 두 개의 가변 축이 있습니다: 하나는 무게, 다른 하나는 너비입니다. 사용자는 이 중 하나를 조작하여 글꼴 디자인에 다양한 변형을 만들 수 있습니다.

이 예는 실제 시나리오에서 어떻게 사용되는지 보여줍니다: 예시를 시작할 때 텍스트 스니펫은 엄격한 레이아웃에 정의된 경계 상자 밖으로 늘어납니다.

시각 디자이너는 글꼴 크기를 변경하지 않고도 너비 및/또는 굵기를 조정하여 레이아웃에 정확히 맞는 글꼴의 변형을 얻을 수 있습니다.

이 예에서는 글꼴의 두 가변 축 각각에 슬라이더를 할당합니다. 그런 다음 가변 축 값을 슬라이더에 바인딩하여 사용자가 슬라이더를 변경하면 글꼴이 자동으로 업데이트되도록 합니다.

            font.variableAxes: {
                "wdth": widthSlider.value,
                "wght": weightSlider.value
            }

가변 축은 4자 태그에 의해 주소가 지정됩니다. "wdth" 및 "wght"와 같은 일부 태그는 규칙에 따라 특정 글꼴 속성에 매핑됩니다(이 경우 각각 "너비" 및 "무게"). 그러나 글꼴은 4자 태그로 표시되는 한 모든 축을 지원할 수 있습니다. 글꼴이 지원하는 축에 대한 정보는 파일 이름에 포함되는 경우가 많습니다.

예제 실행하기

에서 예제를 실행하려면 Qt Creator에서 Welcome 모드를 열고 Examples 에서 예제를 선택합니다. 자세한 내용은 예제 빌드 및 실행하기를 참조하세요.

예제 프로젝트 @ code.qt.io