الصفحة الرئيسية>موارد بناء الموقع>تحميل الخط
تنزيل

fontsource لرفرف

أضف بسهولة خطوط Fontsource إلى تطبيق Flutter الخاص بك. يتضمن واجهة DART لواجهة برمجة تطبيقات Fontsource.

ابدء

للبدء ، قم بإنشاء تكوين إما في ملف pubspec.yaml الخاص بك تحت مفتاح fontsource أو في ملف fontsource.yaml . 

 include : [my-package] # Defaults to all
fonts :
  alex-brush : # This can be any font id
    version : 4.5.3 # Defaults to latest
    subsets : [latin, latin-ext] # Defaults to all
    weights : [400] # Defaults to all
    styles : [normal] # Defaults to all

سيخبر التكوين fontsource بما يجب تنزيله وتجميعه في تطبيق Flutter الخاص بك. لضمان تنزيل كل شيء ، قم بتنفيذ dart run fontsource بعد تعديل التكوين الخاص بك. أيضًا ، تأكد من تشغيله كلما تم استنساخ مستودعك. هذا سوف يولد حزمة محلية في دليل .fontsource .

يمكنك بعد ذلك استيراد حزمة fontsource : 

 import 'package:fontsource/fontsource.dart' ;

استخدم فئة FontsourceTextStyle لاستخدام خط Fontsource: 

 const Text (
  'Hello world!' ,
  style : FontsourceTextStyle (fontFamily : 'Alex Brush' , fontSize : 30 ),
),

يمتد FontsourceTextStyle فئة TextStyle ، لذلك يمكن استخدام أي خصائص تصميم لتغيير الطريقة التي يبدو بها النص.

استخدم مع الحزم

لاستخدام هذا في حزمة ، أضف تكوينًا مثل المعتاد ، ولكن لا تقم بتشغيل FontSource CLI.

سيتم تضمين حزم مع تكوين FontSource تلقائيًا. لتحديد الحزم التي يجب فحصها يدويًا ، قم بتوفير مفتاح include مع قائمة بأسماء الحزم للمسح الضوئي.

Fontsource API

يحتوي Fontsource API أيضًا على واجهة DART التي يمكن الوصول إليها من خلال fontsource/api.dart .

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل