تنزيل google fonts - تنزيل رمز المصدر google fonts

google fonts

شفرة المصدر الأخرى

1.0.0

تنزيل

معرض Google Fonts

استخدم أيًا من الخطوط والمتغيرات 1488 من fonts.google.com في تطبيق المعرض الخاص بك

معرض الغوغل المدى

تتيح لك حزم @expo-google-fonts لمعرض المعرض استخدام أي من الخطوط 1488 (ومتغيراتها) بسهولة من Fonts.Google.com في تطبيق Expo الخاص بك.

تعمل هذه الحزم وجميع هذه الخطوط عبر الويب و iOS و Android وهي مجانية في الاستخدام والمصدر المفتوح.

الاستخدام

فيما يلي مثال على استخدام عائلة Inter Font في مشروع بسيط للغاية.

قم بتثبيت الحزمة للخط الذي تريده

npx expo install @expo-google-fonts/inter expo-font

في تطبيقك

 import React , { useState , useEffect } from 'react' ;
import { Text , View , StyleSheet } from 'react-native' ;
import {  useFonts , Inter_900Black } from '@expo-google-fonts/inter' ;

export default function App ( ) {
  let [ fontsLoaded ] = useFonts ( {
    Inter_900Black ,
  } ) ;

  if ( ! fontsLoaded ) {
    return null ;
  }

  return (
    < View style = { { flex : 1 , justifyContent : 'center' , alignItems : 'center' } } >
      < Text style = { { fontFamily : 'Inter_900Black' , fontSize : 40 } } > Inter Black < / Text >
    < / View >
  ) ;
}

ملاحظة : يمكنك أيضًا تثبيت expo-splash-screen لتحميل الخطوط قبل تقديم التطبيق الخاص بك. سيساعدك ذلك على إبقاء شاشة الرش مرئية أثناء تحميل الخطوط ثم إخفاء شاشة الرش عند تقديم التطبيق مع بعض المحتوى الأولي. راجع الحد الأدنى من الأمثلة في الخطوط لمزيد من المعلومات.

مثال المشروع

هنا مثال أدنى ولكنه كامل.

تتضمن كل حزمة عائلة FONT فردية ReadMe مثالًا كاملاً لاستخدام عائلة الخط.

؟ الخطوط المتاحة

يمكنك تصفح جميع خطوط Google المتاحة على fonts.google.com.

الدليل من خلال atiladev-com.netlify.app هو محرك دليل / بحث يتيح لك تصفح والبحث من خلال جميع الخطوط المتاحة ويظهر لك عبارات import المناسبة التي ستحتاج إليها حتى تتمكن من النسخ واللصق في الخاص بك شفرة.

فيما يلي بعض الأمثلة على 5504 متغيرات من 1488 خطوط متوفرة:

يوجد أيضًا معرض في هذا الريبو الذي يوضح كل عائلة خط ومتغير متاح.

؟ ‍ @expo-google-fonts/dev

إذا كنت تجرب الكثير من الخطوط المختلفة ، فيمكنك محاولة استخدام حزمة @expo-google-fonts/dev .

يمكنك استيراد أي نمط خط من أي حزمة معرض Google Fonts منه. سيتم تحميل الخطوط عبر الشبكة في وقت التشغيل بدلاً من إضافة الأصل كملف إلى مشروعك ، لذلك قد يستغرق تطبيقك وقتًا أطول للتفاعل عند بدء التشغيل ، لكنه مناسب للغاية للعب مع أي نمط أنت يريد.

الترخيص

مشروع معرض Google Fonts ورمزه مرخصة بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.

جميع الخطوط في كتالوج Google Fonts مجانية ومفتوحة المصدر.

الخطوط الفردية لها تراخيص خاصة بها. كثيرون مرخصون باستخدام ترخيص الخط المفتوح. على سبيل المثال ، يستخدم Nunito OFL. تحقق من صفحات Google Fonts لعائلات الخط التي تستخدمها وإضافة تلك التراخيص إلى قائمة تراخيص مشروعك عند النشر.

س: هل يمكنني استخدام هذه الخطوط تجاريًا: لجعل شعار ، في تطبيقي ، على موقع الويب الخاص بي ، وما إلى ذلك؟

ج: يمكنك استخدام هذه الخطوط بحرية في منتجاتك ومشاريعك - الطباعة أو الرقمية أو التجارية أو غير ذلك. ومع ذلك ، لا يمكنك بيع الخطوط بمفردها. هذه ليست نصيحة قانونية ، يرجى التفكير في استشارة محام ومشاهدة الترخيص الكامل للحصول على جميع التفاصيل.

؟ المساهمة

المساهمات مرحب بها للغاية! لاحظ أن كل شيء تحت font-packages وأيضًا يتم إنشاء هذا ReadMe. لذا ، يرجى إجراء أي تغييرات تريد إجراؤها على المولد بدلاً من الحزم نفسها.