가변 글꼴

Variable font
2개의 큐브의 그물로 표시된 변수 폰트 Recursive Sans & [1]Mono의 "설계 공간"입니다.

가변 글꼴(VF)은 연속적인 범위의 설계 변형을 저장할 수 있는 글꼴 파일입니다.이러한 파일에는 전체 서체(글꼴 패밀리)를 저장할 수 있으며,[2] 샘플링 가능한 글꼴의 수는 무한합니다.

가변 글꼴 기술은 애플의 TrueType GX 글꼴 변형에서 비롯되었습니다.이 기술은 OpenType [3][4][5]사양의 버전 1.8에서 OpenType 가변 글꼴(OTVF)로 조정되었습니다.이 기술은 어도비, 애플, 구글, 마이크로소프트에 의해 2016년 9월에 발표되었다.이러한 기능을 OpenType으로 표준화함으로써 많은 소프트웨어 [3][6][7][8]플랫폼에서 지원할 수 있게 되었습니다.

테크놀로지

OpenType 변수 글꼴은 Apple의 TrueType GX 글꼴 변형을 OpenType으로 수정한 것으로, OpenType 레이아웃 테이블과 TrueType 및 CFF 글리프 아웃라인 형식을 비롯한 OpenType 형식의 주요 측면에 통합됩니다.또한 서로 다른 글꼴 간, 가변 글꼴 및 Cascading Style Sheets와 같은 글꼴 형식 사양 간에 더 나은 상호 운용성을 제공함으로써 TrueType GX를 능가합니다.이 기술을 통해 소프트웨어는 글꼴 내에서 정의된 일련의 디자인을 위해 모든 디자인 인스턴스에 액세스할 수 있습니다.특정 디자인 인스턴스가 선택되면 텍스트 레이아웃 및 래스터라이제이션 중에 글꼴 데이터가 처리될 때 해당 디자인 인스턴스의 글리프 윤곽선 또는 기타 데이터 값이 계산됩니다.

이 기술은 폰트 개발 도구에서 지원되고 [9]폰트 디자이너에 의해 수년간 사용되어 온 보간 및 외삽 메커니즘을 사용한다.이 패러다임에서 글꼴 디자이너는 변수 설계를 생성하지만 고객에게 배포되는 정적 비변수 글꼴로 생성할 특정 인스턴스를 선택합니다.그러나 가변 글꼴을 사용하면 폰트 디자이너에 의해 생성 및 배포되는 폰트는 가변성이 내장될 수 있으며, 사용 시 특정 디자인 인스턴스를 선택하여 이제 보간 메커니즘을 운영 체제 및 웹 브라우저 또는 기타 응용 프로그램에 내장할 수 있습니다.

이 기술의 주요 장점 중 하나는 여러 스타일을 사용할 때마다 글꼴 데이터의 크기를 크게 줄일 수 있다는 것입니다.웹에서 이렇게 하면 사이트에서 더 많은 글꼴 유형을 사용하는 동시에 페이지 로드 시간을 줄일 수 있습니다.또 다른 장점은 연속적인 다양한 스타일의 변형에 접근할 수 있다는 점이며, 이는 반응성이 뛰어난 디자인에 이점을 제공할 수 있습니다.

이 기술은 1990년대 Adobe의 다중 마스터 폰트(MM 폰트) 기술과 비교되어 왔습니다.이 기술은 보간과 [10][11][12][13]추정을 통해 마스터 파일에서 폰트 디자인을 즉시 생성했습니다.그러나 여러 개의 마스터 글꼴을 사용하려면 사용자가 특정 변동 축 값에 대한 글꼴의 특정 "인스턴스"를 생성해야 했습니다.그러나 OpenType 변수 글꼴에는 필요하지 않습니다. 이름 있는 설계 인스턴스 또는 임의 설계 인스턴스를 선택하여 필요에 따라 사용할 수 있습니다.

도입

운영 체제

윈도 10 버전1709에서 마이크로소프트는 윈도 최초의 가변 폰트인 "반쉬리프트" 폰트를 도입했습니다.이것은 DIN [14][15]1451의 디지타이제이션입니다.

Linux를 포함한 대부분의 유닉스 계열 시스템에서 사용되는 글꼴 렌더링 프로그램인 FreeType은 2017년 5월 가변 글꼴 지원을 받았습니다(FreeType 2.8).[16]

에디터

2017년 10월 18일 출시된 Adobe Creative Cloud 2018 버전은 포토샵과[18] 일러스트레이터에서 가변[17] 글꼴을 지원하며 Acumin, Minion, Miriard, Source Code, Source Sans 및 Source Serif의 가변 개념 버전을 포함합니다.

Creative Cloud 2020은 InDesign에 [19]가변 글꼴 지원을 추가했습니다.

Inkscape 버전 1.0에서는 가변 글꼴 [20]지원이 추가되었습니다.

브라우저

가변 글꼴은 웨이트 및 로우와 같은 기존 속성을 모두 사용하여 웹 브라우저에서 제어됩니다.font-variation-settings통제.서포트 [2]이력에 대해서는, CSS 속성의 MDN 페이지를 참조해 주세요.

레퍼런스

  1. ^ Type, Arrow. "Recursive Sans & Mono". recursive.design. Retrieved 27 June 2021.
  2. ^ a b "Variable fonts guide - CSS: Cascading Style Sheets". MDN.
  3. ^ a b "Introducing OpenType Font Variations". www.microsoft.com.
  4. ^ Phinney, Thomas (February 2017). "Variable Fonts Are the Next Generation". Communication Arts. Retrieved 20 September 2017.
  5. ^ Phinney, Thomas (14 September 2016). "The Lesson of Color Fonts for Variable Fonts". thomasphinney.com. Retrieved 20 September 2017.
  6. ^ "CSS Fonts Module Level 4". drafts.csswg.org.
  7. ^ Nieskens, Roel. "Variable Fonts: the Future of (Web) Type". Typographica. Retrieved 31 October 2016.
  8. ^ Hudson, John. "Introducing OpenType Variable Fonts". Medium. Tiro Typeworks. Retrieved 31 October 2016.
  9. ^ Griscti, Jessica. "Jess Loves Interpolation". Alphabettes. Retrieved 15 May 2016.
  10. ^ Designing Multiple Master Typefaces (PDF). San José: Adobe Systems. 1997. Archived from the original (PDF) on 28 January 2005. Retrieved 20 September 2017.
  11. ^ Riggs, Tamye. "The Adobe Originals Silver Anniversary Story". Typekit blog. Adobe. Retrieved 2 July 2015.
  12. ^ "The Adobe Originals Silver Anniversary Story: Expanding the Originals". Typekit. Adobe Systems. Retrieved 8 January 2016.
  13. ^ Phinney, Thomas (18 March 2010). "Font Remix Tools (RMX) and Multiple Master Fonts in type design". Phinney. Retrieved 4 July 2015.
  14. ^ "Introducing the Bahnschrift font". Windows Blog. Microsoft. 23 August 2017. Retrieved 28 August 2017.
  15. ^ Protalinski, Emil (23 August 2017). "Microsoft releases new Windows 10 preview with shell, Edge, and input improvements". VentureBeat. Retrieved 28 August 2017.
  16. ^ "FreeType 2.8 Completes OpenType Variation Fonts Support - Phoronix". www.phoronix.com.
  17. ^ "New features summary October 2017 release of Photoshop CC". Retrieved 19 October 2017.
  18. ^ "New features summary October 2017 release of Illustrator CC". Retrieved 19 October 2017.
  19. ^ "What's New with InDesign 2020? CreativePro Network". 4 November 2019.
  20. ^ "Introducing Inkscape 1.0". inkscape.org. Retrieved 1 July 2020.

외부 링크