bc sans

bc sans

แบบอักษรมาตรฐานสำหรับบริการดิจิทัลของ BC Government คือ bc sans bc sans เป็นตระกูลฟอนต์โอเพ่นซอร์สและเป็นเวอร์ชันแก้ไขของ Noto Sans ซึ่งพัฒนาโดย Google bc sans มีการแก้ไขเพื่อรองรับภาษาพื้นเมืองในบริติชโคลัมเบีย ขณะนี้ BC Government กำลังทำงานเพื่อรวมภาษาพื้นเมืองไว้ในบันทึก ระบบ และบริการของรัฐบาล ค้นหาขั้นตอนที่กำลังดำเนินการและวิธีที่คุณสามารถรับทราบข้อมูลได้ที่ รวมถึงภาษาพื้นเมืองในบันทึก ระบบ และบริการของรัฐบาล - จังหวัดบริติชโคลัมเบีย

น้ำหนักและสไตล์แบบอักษรรวมอยู่ด้วย:

• bc sans ปกติ - 400
• bc sans ตัวเอียง - 400
• bc sans ตัวหนา - 700
• bc sans ตัวเอียงตัวหนา - 700
• bc sans ไลท์ - 300
• bc sans ตัวเอียงแสง - 300

มาตรฐานการพิมพ์สำหรับการพิมพ์อยู่ในหน้า BC Visual Identity Program

ดาวน์โหลดไฟล์

หากคุณต้องการแบบอักษรในรูปแบบไฟล์ต่างๆ นี่คือตัวเลือกทั้งหมด

• ดาวน์โหลดไฟล์ฟอนต์ทั้งหมด (.eot, .ttf, .otf, .woff, .woff2)
• ดาวน์โหลดไฟล์สำหรับคอมพิวเตอร์ของคุณ (.otf, .ttf)

บูรณาการ

npm i --save @bcgov/bc-sans

ตอบสนอง

ฝังใน import '@bcgov/bc-sans/css/BC_Sans.css'

Typography.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 หนึ่งในสองไฟล์เท่านั้น: css/BC_Sans.css จากนั้น ให้อ้างอิง bc sans ในกฎ font-family CSS ของคุณ

เดิมที แพ็คเกจนี้จัดส่งมาพร้อมกับ css/BCSans.css เท่านั้น ไฟล์นี้ใช้ BCSans (ไม่มีการเว้นวรรค) เป็นชื่อ font-family ในการประกาศ @font-face รหัสแอปพลิเคชันที่มีอยู่จำนวนมากอ้างอิงถึงชื่อนี้ แต่ข้อมูลเมตาในไฟล์ฟอนต์ใช้ bc sans (มีช่องว่าง) สำหรับชื่อตระกูลฟอนต์ เป็นผลให้เครื่องมือออกแบบ UI เช่นโค้ดเอาต์พุต Figma โดยใช้ bc sans จากไฟล์ฟอนต์ รหัสที่สร้างขึ้นนี้จะไม่ทำงานโดยตรงกับแพ็คเกจนี้หากไม่มีการแทรกแซงด้วยตนเอง

css/BC_Sans.css ใช้ bc sans สำหรับชื่อ font-family CSS ซึ่งตรงกับช่องข้อมูลเมตาของครอบครัวในไฟล์แบบอักษร โค้ดรูปแบบแบบอักษรที่สร้างจาก Figma ทำงานร่วมกับ css/BC_Sans.css โปรเจ็กต์ใหม่ควรใช้ css/BC_Sans.css เพื่อให้นักออกแบบส่งต่อนักพัฒนาได้อย่างราบรื่นที่สุด สำหรับโปรเจ็กต์ที่มีอยู่แล้ว ไม่จำเป็นต้องเปลี่ยน

มีส่วนร่วม

บูรณาการมันแตกต่างออกไป? สร้างคำขอดึงเพื่อช่วยเราสร้างเอกสารประกอบ