bc sans

bc sans

Font standar untuk layanan digital BC Government adalah bc sans . bc sans adalah keluarga font sumber terbuka, dan merupakan versi modifikasi dari Noto Sans, yang dikembangkan oleh Google. bc sans menyertakan modifikasi untuk mendukung bahasa Pribumi di British Columbia. Pemerintah BC saat ini berupaya untuk memasukkan bahasa-bahasa Pribumi dalam catatan, sistem, dan layanan pemerintah. Cari tahu langkah-langkah apa yang diambil dan bagaimana Anda dapat tetap mendapatkan informasi di Memasukkan bahasa Pribumi dalam catatan, sistem dan layanan pemerintah - Provinsi British Columbia.

Bobot dan gaya font termasuk:

• bc sans Reguler - 400
• bc sans Miring - 400
• bc sans tebal - 700
• bc sans Miring Tebal - 700
• bc sans Cahaya - 300
• bc sans Miring Ringan - 300

Standar tipografi untuk pencetakan ada di halaman Program Identitas Visual BC.

Unduh File

Jika Anda menginginkan font dalam format file berbeda, berikut semua opsinya

• Unduh semua file font (.eot, .ttf, .otf, .woff, .woff2)
• Unduh file untuk komputer lokal Anda (.otf, .ttf)

Integrasi

npm i --save @bcgov/bc-sans

Bereaksi

Sematkan ke import '@bcgov/bc-sans/css/BC_Sans.css'

Tipografi.js

Lihat petunjuk instalasi Typography.js di sini

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 ;

Mengapa ada dua file CSS serupa dalam paket ini?

Untuk proyek baru, Anda hanya perlu menyertakan salah satu dari dua file CSS: css/BC_Sans.css . Kemudian, referensikan bc sans dalam aturan font-family CSS Anda.

Awalnya, paket ini dikirimkan hanya dengan css/BCSans.css . File ini menggunakan BCSans (tanpa spasi) sebagai nama font-family dalam deklarasi @font-face -nya. Banyak kode aplikasi yang ada yang merujuk pada nama ini. Namun metadata dalam file font menggunakan bc sans (dengan spasi) untuk nama keluarga font. Hasilnya, alat desain UI seperti kode keluaran Figma menggunakan bc sans dari file font. Kode yang dihasilkan ini tidak akan bekerja secara langsung dengan paket ini tanpa intervensi manual.

css/BC_Sans.css menggunakan bc sans untuk nama font-family nya. Ini cocok dengan bidang metadata keluarga di file font. Kode gaya font yang dihasilkan dari Figma berfungsi dengan css/BC_Sans.css . Proyek baru harus menggunakan css/BC_Sans.css untuk proses peralihan desainer ke pengembang yang paling lancar. Untuk proyek yang sudah ada, tidak perlu beralih.

Berkontribusi

Mengintegrasikannya secara berbeda? Buat permintaan tarik untuk membantu kami membuat dokumentasi.