다음을 통해 공유


글꼴 패키지

글꼴 패키지는 함께 패키지된 글꼴 컬렉션입니다. 글꼴 패키지는 SharePoint 및 Viva Connections 사용하여 각 제품 내의 다양한 영역에서 글꼴이 표시되는 방식을 제어합니다.

입력 체계는 텍스트를 표시하기 위한 시각적 프레임워크를 제공합니다. 브랜드를 표현하거나 아름다운 디자인을 만드는 데 중요한 부분입니다. 서체 및 글꼴과 같은 입력 체계를 참조할 때 여러 용어가 서로 서로 섞이거나 사용되는 경우가 많으며 글꼴은 개별 글꼴 스타일인 반면 서체는 전체 글꼴 패밀리입니다. 우리는 종종 이러한 용어를 서로 바꿔 사용합니다. SharePoint 브랜드 센터의 두 시나리오를 모두 다루는 글꼴을 참조합니다.

참고

알려진 제한 사항:

  • 사용자 지정 글꼴은 사이트 또는 Viva Connections 환경 수준에서 설정됩니다.
  • Viva Connections 데스크톱 환경을 지원하는 Homesite에 적용된 글꼴 패키지도 Viva Connections 데스크톱 환경에 적용됩니다.
  • Viva Connections 데스크톱 환경에 적용된 글꼴 패키지는 연결된/연결된 SharePoint 홈 사이트에도 적용됩니다.
  • 글꼴 패키지는 허브 관련 사이트로 푸시되지 않습니다.
  • 글꼴 패키지는 브랜드 센터 앱에서 삭제할 수 없으며, 편집하거나 표시하지 않아 선택 환경에서 제거할 수 없습니다.

표준 글꼴 패키지 또는 organization 대한 사용자 지정 글꼴 패키지에서 선택하여 SharePoint 사이트 또는 Viva Connections 환경의 글꼴을 수정할 수 있습니다. Microsoft에서 제공하는 글꼴 패키지는 Microsoft 브랜드를 기반으로 하며, 이를 압도하지 않고도 파트너 관계를 활성화할 수 있는 다재다능함을 가능하게 합니다. 그들은 우리의 공동 목표와 성격을 보여주고, 우리의 다양성과 경험을 최적화 할 수있는 능력을 나타냅니다.

기본 글꼴 패키지

  • Microsoft 기본값: Segoe UI

  • Amasis Pro

  • Aptos-Aptos 세리프

  • 조지아 프로 Condensed-Verdana 프로 응축

  • Office: Aptos Display-Aptos

  • Sitka Heading-Sitka 텍스트

  • Verdana Pro-Georgia Pro

  • Walbaum-Trade 고딕식 다음

이러한 글꼴 패키지는 가독성을 위해 설계되었으므로 사용자 지정 글꼴 패키지를 만드는 데 유용한 시작점을 찾을 수 있습니다.

글꼴 패키지 분석

각 글꼴 패키지는 두 글꼴 패밀리로 구성됩니다. 이를 디스플레이 및 콘텐츠 글꼴로 간주합니다.

글꼴 표시

표시 글꼴은 텍스트의 더 크고 눈에 띄는 요소에 사용되는 더 장식적 또는 편심 서체입니다. 디스플레이 글꼴은 종종 브랜드의 느낌을 표현하는 데 사용됩니다. 이들은 종종 슬래브 세리프, 스크립트, 장식, 대문자 전용 서체입니다.

콘텐츠 글꼴

콘텐츠 글꼴은 모든 크기에서 일관성과 가독성을 보장하기 위해 보다 광범위하게 사용됩니다. 콘텐츠 글꼴을 식별하고 다양한 시나리오에 맞게 다양한 가중치와 스타일을 사용하는 것이 이상적입니다. 이 글꼴은 대부분의 콘텐츠에 대한 기준선으로 간주되어야 하며 브랜드에서 가장 읽기 쉬운 글꼴이어야 합니다.

글꼴 슬롯 매핑

글꼴 패키지는 환경의 다른 부분에 해당하는 네 개의 글꼴 슬롯을 사용합니다. 각 부분에 대해 선택한 글꼴 스타일에 따라 다른 구성 요소의 글꼴을 변경하는 글꼴 및 글꼴 스타일을 선택합니다. 다음이 포함되어 있습니다.

제목

제목 글꼴은 환경에 가장 고유한 항목을 식별하는 데 사용됩니다. 표시 글꼴을 사용하는 것이 좋습니다.

표제

헤드 라인 글꼴은 경험의 다양한 제목과 제목에 사용됩니다. 콘텐츠 글꼴을 굵게 또는 반볼드 스타일로 고려합니다.

본문

본문 글꼴은 보다 다양한 방식으로 사용되며 읽기 쉬워야 합니다. 콘텐츠 글꼴을 일반 또는 일반 스타일로 고려합니다.

대화형

대화형 글꼴은 단추와 같은 작업을 트리거하는 항목에 사용됩니다. 굵게 또는 세미볼드 스타일로 콘텐츠 글꼴을 사용하는 것이 좋습니다.

고유한 글꼴 패키지 만들기

SharePoint 브랜드 센터에서 브랜드 관리자는 organization 대한 사용자 지정 글꼴 패키지를 만들 수 있습니다. 이러한 글꼴 패키지는 사이트 소유자 및 Viva Connections 운영자가 사이트 및 환경에 적용할 보기 환경 변경에서 사용할 수 있습니다.

참고

사용자 지정 글꼴 패키지를 만들려면 브랜드 글꼴 라이브러리에 organization 글꼴을 업로드해야 합니다.

SharePoint 또는 Viva Connections 브랜딩 환경을 방문하여 새 글꼴 패키지를 선택합니다.

1단계: 브랜드 글꼴 라이브러리에 표시되는 글꼴 패밀리를 사용하여 표시 및 콘텐츠 글꼴을 선택합니다. 최대 두 개의 서로 다른 글꼴 패밀리를 선택할 수 있습니다. 원하는 경우 표시 및 콘텐츠 글꼴 모두에 대해 동일한 글꼴 패밀리를 선택할 수 있습니다.

2단계: 네 개의 글꼴 슬롯 매핑 각각에 대해 글꼴 패밀리 및 글꼴 스타일을 선택합니다.

3단계: 다양한 환경에서 글꼴 패키지 및 미리 보기의 이름을 지정합니다. 글꼴 패키지에 대한 표시 설정을 결정합니다.

새 글꼴 패키지를 만드는 3단계의 스크린샷

접근성에 주의

접근성 있는 글꼴은 시력이 낮거나 장애가 있는 사용자를 포함하여 사이트에서 텍스트를 읽는 사람의 읽기 속도를 배제하거나 늦추지 않습니다. 오른쪽 글꼴은 페이지에 있는 텍스트의 가독성과 가독성을 향상시킵니다.

읽기 부하를 줄이려면 Segoe UI 또는 Aptos와 같은 친숙한 글꼴을 선택합니다. 모든 대문자와 과도한 기울임꼴 또는 밑줄을 사용하지 마세요.

시각 장애가 있는 사람은 특정 색으로 전달되는 의미를 놓칠 수 있습니다. 예를 들어 색맹인 사용자가 색을 볼 수 없더라도 텍스트가 연결되어 있음을 알 수 있도록 색으로 구분된 하이퍼링크 텍스트에 밑줄을 추가합니다. 머리글의 경우 굵게 추가하거나 더 큰 글꼴을 사용하는 것이 좋습니다.

사이트의 텍스트를 고대비 모드에서 읽을 수 있어야 합니다. 예를 들어 색 스펙트럼의 반대쪽 끝에 밝은 색 또는 고대비 색 구성표를 사용합니다. 흰색과 검은색 구성표를 사용하면 색맹인 사용자가 텍스트와 모양을 더 쉽게 구분할 수 있습니다.

글꼴 및 텍스트를 사용하는 방법에 대한 지침은 SharePoint Online 사이트에 액세스할 수 있는 콘텐츠 및 링크 추가 및 SharePoint공간에 텍스트 추가를 참조하세요.

글꼴 패키지를 사용하여 환경의 글꼴 변경

브랜드 센터 앱이 도입되면서 사이트 소유자가 보기 변경 패널 에서 사용자 지정 글꼴을 사용하여 콘텐츠의 모양과 느낌을 사용자 지정할 수 있습니다. 글꼴 패키지 드롭다운의 "내 organization" 섹션을 organization 대한 글꼴 패키지를 만든 후글꼴변경> 패널로 이동합니다.

글꼴 패널에서 글꼴을 변경하는 스크린샷

보기 변경에 대해 자세히 알아보세요.

SharePoint의 글꼴 패키지

SharePoint에서 지원되는 사용자 지정 글꼴 구성 요소

사용자 지정 글꼴은 현재 다음 영역에서 지원됩니다.

  1. 사이트 머리글 - 사이트 제목

  2. 허브 헤더 – 허브 제목

  3. 탐색(허브 및 사이트) - 링크 및 레이블

  4. 뉴스 웹 파트

  5. 페이지 제목 영역

  6. 빠른 링크 웹 파트

  7. Button

  8. Viva Connections 대시보드

  9. 이미지 웹 파트

  10. 사이트 헤더 - 마침

  11. 섹션 제목

  12. Hero 웹 파트

  13. 사이트 웹 파트

  14. 사람 웹 파트

  15. 클릭 유도 문안 웹 파트

  16. RTE(텍스트 웹 파트)

  17. 모든 웹 파트 타이틀(Microsoft)

Viva Connections 글꼴 패키지

Viva Connections 지원되는 사용자 지정 글꼴 구성 요소

사용자 지정 글꼴은 현재 다음 영역에서 지원됩니다.

  1. 시작/인사말 텍스트

  2. 섹션 제목

  3. 대시보드 카드 수준 1

  4. 리소스