×


بشرى للمُصممين – شركة جوجل تطلق موقع خدماتها الجديدة لـ : فونتات الكتابة

14702223_674529699375554_8419380127263297558_n.jpgoh2a5dac8321fa6cc8213756bb1a51178foe58A3B763



ويتميز الموقع بإمكانيات كبيرة تنمو مع الوقت – ويمكن منه اختيار الكثير من الفونتات بامتداد CSS وإدراجها باستخدام @import الذي يعرفه المصممون على المواقع أو برامج الجرافيك – الجميل أنه يمكن ضبط عرض الفونتات عن طريق الاختيار من بعض القوائم والخيارات الجانبية (مثل احتيار لغة معينة مثل فونتات اللغة العربية فقط مثلا وكذلك الحجم والعائلة)

هذا رابط الموقع : هنا

وهذا رابط فونتات اللغة العربية : هنا

وأما ما يتميز به الموقع فهو :

1- سرعة تحميل الخط (متاح مجانا الآن في الفترة التجريبية لقرابة 600 خط).
2- ثبات السيرفر المستضيف للخط على شركة جوجل.
3- توافق الخط مع جميع الأجهزة.
4- خيارات التحكم بالخط كما قلنا.

وأما خطوات الاستخدام فتكون كالآتي :

الخطوة الأولى:

نتوجه للموقع الرسمي لـ Google Fonts ونستعرض الخطوط المتاحة وفي حال أعجبك احد الخطوط توجه مباشرة إلى الصفحة الخاصة بالفترة التجريبية للخطوط على الرابط التالي :
https://fonts.google.com/earlyaccess

الخطوة الثانية:

سنجد اختيار التنزيل Download أو نقوم بالضغط على أيقونة QuickUse للخط المراد استخدامه ليفتح لنا صفحة جديدة بها معلومات عن الخط والأحجام المتوفرة له وكود الاستفادة منه لوضعه في المواقع أو المدونات.

الخطوة الثالثة:

تتوفر طريقتان للتركيب في المواقع :

1- نتوجه في موقعنا لملف الستايل الرئيسي والذي يكون بالامتداد CSS ونضيف له الكود التالي في رأسية الملف مع ملاحظة أن لكل خط كود مشابه مع اختلاف اسم الخط داخل الكود :

@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
طريقة الاستخدام في داخل التصميم تكون عن طريق اضافة الكود التالي في ملف CSS إلى القسم المراد تغيير الخط به.

font-family: ‘Droid Arabic Kufi’, serif;

2- نتوجه للصفحة الرئيسية ونقوم بتحريرها ونضيف الكود المشابه للكود التالي الذي حصلنا عليه من صفحة الخط بعد علامة .

<link href=’https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300′ rel=’stylesheet’ type=’text/css’>

وأما طريقة الاستخدام في داخل التصميم تكون عن طريق اضافة الكود التالي في ملف CSS إلى القسم المراد تغيير الخط به.

font-family: ‘Roboto Condensed’, sans-serif;

 


المصادر في رابط المنشور على صفحتنا

.



تحميل المقال كـ PDF عبر باتريون

التعليقات

اترك تعليق

avatar
  Subscribe  
نبّهني عن




المساهمون في الإعداد