bc sans 다운로드 - bc sans 소스 코드 다운로드

bc sans

글꼴 다운로드

1.0.0

다운로드

bc sans

BC 정부 디지털 서비스의 표준 글꼴은 bc sans 입니다. bc sans 오픈 소스 글꼴 모음으로, Google에서 개발한 Noto Sans의 수정 버전입니다. bc sans 에는 브리티시 컬럼비아의 원주민 언어를 지원하기 위한 수정 사항이 포함되어 있습니다. BC 정부는 현재 정부 기록, 시스템 및 서비스에 원주민 언어를 포함시키기 위해 노력하고 있습니다. 정부 기록, 시스템 및 서비스에 원주민 언어 포함 - 브리티시 컬럼비아 주에서 어떤 조치가 취해지고 있는지, 정보를 계속 얻을 수 있는 방법을 알아보세요.

포함된 글꼴 두께 및 스타일:

bc sans 레귤러 - 400
bc sans 이탤릭체 - 400
bc sans 볼드 - 700
bc sans 굵은 기울임꼴 - 700
bc sans 라이트 - 300
bc sans Light Italic - 300

인쇄용 활자체 표준은 BC 시각 아이덴티티 프로그램 페이지에 나와 있습니다.

파일 다운로드

다양한 파일 형식의 글꼴을 원한다면 여기에 모든 옵션이 있습니다.

모든 글꼴 파일(.eot, .ttf, .otf, .woff, .woff2)을 다운로드하세요.
로컬 컴퓨터용 파일 다운로드(.otf, .ttf)

완성

npm i --save @bcgov/bc-sans

반응하다

루트 수준 구성 요소 import '@bcgov/bc-sans/css/BC_Sans.css' 에 포함

타이포그래피.js

여기에서 Typography.js 설치 지침을 참조하세요.

bc sans', 'Noto Sans', 'Verdana', 'Arial', 'sans-serif'], bodyFontFamily: [' bc sans ', 'Noto Sans', 'Verdana', 'Arial', 'sans-serif'], scaleRatio: 2.074, }); export default typography;">

 import Typography from 'typography' ;
import '@bcgov/bc-sans/css/BC_Sans.css' ;

const typography = new Typography ( {
  baseFontSize : '16px' ,
  baseLineHeight : 1.25 ,
  headerFontFamily : [ ' bc sans ' , 'Noto Sans' , 'Verdana' , 'Arial' , 'sans-serif' ] ,
  bodyFontFamily : [ ' bc sans ' , 'Noto Sans' , 'Verdana' , 'Arial' , 'sans-serif' ] ,
  scaleRatio : 2.074 ,
} ) ;

export default typography ;

이 패키지에 유사한 CSS 파일이 두 개 있는 이유는 무엇입니까?

새 프로젝트의 경우 css/BC_Sans.css 두 CSS 파일 중 하나만 포함하면 됩니다. 그런 다음 CSS font-family 규칙에서 bc sans 참조하세요.

원래 이 패키지는 css/BCSans.css 와 함께 제공되었습니다. 이 파일은 @font-face 선언에서 BCSans (공백 없음)를 font-family 이름으로 사용합니다. 많은 기존 애플리케이션 코드가 이 이름을 참조합니다. 그러나 글꼴 파일의 메타데이터는 글꼴 계열 이름으로 bc sans (공백 포함)를 사용합니다. 결과적으로 Figma와 같은 UI 디자인 도구는 글꼴 파일의 bc sans 사용하여 코드를 출력합니다. 이렇게 생성된 코드는 수동 개입 없이는 이 패키지에서 직접 작동하지 않습니다.

css/BC_Sans.css CSS font-family 이름으로 bc sans 사용합니다. 이는 글꼴 파일의 패밀리 메타데이터 필드와 일치합니다. Figma에서 생성된 글꼴 스타일 코드는 css/BC_Sans.css 에서 작동합니다. 새 프로젝트에서는 디자이너에서 개발자로의 원활한 전달을 위해 css/BC_Sans.css 사용해야 합니다. 기존 프로젝트의 경우 전환할 필요가 없습니다.