bc sans

bc sans

الخط القياسي للخدمات الرقمية لحكومة كولومبيا البريطانية هو bc sans . bc sans هي عائلة خطوط مفتوحة المصدر، وهي نسخة معدلة من Noto Sans، تم تطويرها بواسطة Google. يتضمن bc sans تعديلات لدعم لغات السكان الأصليين في كولومبيا البريطانية. تعمل حكومة كولومبيا البريطانية حاليًا على إدراج لغات السكان الأصليين في السجلات والأنظمة والخدمات الحكومية. تعرف على الخطوات التي يتم اتخاذها وكيف يمكنك البقاء على اطلاع بما في ذلك تضمين لغات السكان الأصليين في السجلات والأنظمة والخدمات الحكومية - مقاطعة كولومبيا البريطانية.

أوزان الخطوط والأنماط المضمنة:

• bc sans عادي - 400
• bc sans مائل - 400
• bc sans جريئة - 700
• bc sans غامق مائل - 700
• bc sans ضوء - 300
• bc sans ضوء مائل - 300

معايير الطباعة للطباعة موجودة في صفحة برنامج الهوية المرئية في كولومبيا البريطانية.

تنزيل الملفات

إذا كنت تريد الخطوط بتنسيقات ملفات مختلفة، فإليك جميع الخيارات

• تنزيل كافة ملفات الخطوط (.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: css/BC_Sans.css . بعد ذلك، قم بالإشارة إلى bc sans في قواعد font-family CSS الخاصة بك.

في الأصل، تم شحن هذه الحزمة مع css/BCSans.css فقط. يستخدم هذا الملف BCSans (بدون مسافة) كاسم font-family في إعلانات @font-face الخاصة به. يشير الكثير من رموز التطبيق الموجودة إلى هذا الاسم. لكن البيانات الوصفية الموجودة في ملفات الخطوط تستخدم bc sans (مع مسافة) لاسم عائلة الخط. ونتيجة لذلك، فإن أدوات تصميم واجهة المستخدم مثل Figma تقوم بإخراج التعليمات البرمجية باستخدام bc sans من ملفات الخطوط. لن يعمل هذا الكود الذي تم إنشاؤه مباشرة مع هذه الحزمة دون تدخل يدوي.

يستخدم css/BC_Sans.css bc sans لأسماء font-family CSS الخاصة به. وهذا يطابق حقول بيانات تعريف العائلة في ملفات الخطوط. يعمل رمز نمط الخط الذي تم إنشاؤه من Figma مع css/BC_Sans.css . يجب أن تستخدم المشاريع الجديدة css/BC_Sans.css من أجل تسليم المصمم إلى المطور بشكل أكثر سلاسة. بالنسبة للمشاريع القائمة، ليست هناك حاجة للتبديل.

المساهمة

دمجها بشكل مختلف؟ أنشئ طلب سحب لمساعدتنا في إنشاء الوثائق.