الخطوط هي جزء مهم من تصميم الموقع. أنها تساعد على التأكيد على تفرد وأسلوب المشروع الخاص بك. توفر خطوط جوجل مجموعة واسعة من الخطوط المجانية التي يمكن استخدامها على موقع الويب الخاص بك. في هذه المقالة ، ونحن سوف اقول لكم كيفية تحميل الخط من جوجل الخطوط واستخدامها في المشروع الخاص بك.
قبل أن نبدأ ، من المهم ملاحظة أن استخدام الخطوط مع خطوط جوجل مجاني تماما ولا يتطلب أي تراخيص إضافية. يمكن تنزيل جميع الخطوط واستخدامها على موقعك دون قيود.
الخطوة الأولى هي تحديد الخط المطلوب. انتقل إلى موقع جوجل الخطوط باستخدام متصفح الويب الخاص بك. ستجد هنا مجموعة واسعة من الخطوط ذات الأنماط والحالات المزاجية المختلفة. يعد التنقل على الموقع أمرا بديهيا للغاية-يمكنك تصفية الخطوط حسب النمط والتصنيف وحتى اللغة.
بعد تحديد الخط المطلوب ، انقر فوق الزر" تحديد هذا الخط". بعد ذلك ، في الصفحة التي تفتح ، سترى رمز توصيل الخط المحدد بمشروعك. يبدو هذا الرمز وكأنه رابط إلى ملف كس ويتصل بمستند هتمل الخاص بك عبر علامة.
- تنزيل خط من خطوط جوجل
- باستخدام الخط الذي تم تنزيله
- كيفية تنزيل خط من خطوط جوجل
- اختيار الخط على موقع جوجل الخطوط
- إنشاء رابط لتنزيل الخط
تنزيل خط من خطوط جوجل
لتحميل الخط ، أولا وقبل كل شيء ، تحتاج إلى تحديد الخط المطلوب على موقع الخطوط جوجل. هناك عدد كبير من الخطوط المختلفة المتاحة ، والتي يمكن تصفيتها وفقا لمعايير مختلفة ، مثل وجود الخط المائل والسمك وما إلى ذلك.
بعد تحديد الخط المطلوب ، انقر فوق الزر" تحديد هذا الخط " في صفحة الخط. ستظهر لوحة" تحديد الأنماط والأوزان " في الصفحة التالية ، حيث يمكنك تحديد أنماط الخطوط والأوزان المطلوبة لتحميلها على الموقع.
نفس الصفحة سوف تظهر التعليمات البرمجية التي تحتاج إلى نسخ ولصق إلى موقع الويب الخاص بك من أجل تحميل واستخدام الخط.
عادة ما يبدو رمز تحميل الخط كما يلي:
"'أتش تي أم أل
«`
في الكود أعلاه `https://fonts.googleapis.com/css2 ?family=Montserrat:wght@400 ; 700 & عرض = مبادلة ' هو ارتباط إلى ملف المغلق الذي يحتوي على معلومات حول الخط وأنماطه.
بعد إدخال الرمز على الموقع ، سيتم تنزيل الخط وسيكون متاحا للاستخدام. لتطبيق الخط الذي تم تنزيله على النص ، تحتاج إلى تحديد اسمه في قيمة خاصية 'عائلة الخط' عند وصف أنماط العنصر المطلوب.
على سبيل المثال ، لاستخدام خط مونتسيرات في نص الصفحة بالكامل:
"'المغلق
الجسم {
الخط الأسرة: 'مونتسيرات' ، بلا الرقيق;
}
«`
الآن سيتم عرض كل النص على الصفحة باستخدام الخط الذي تم تنزيله.
وبالتالي ، تحميل الخط من جوجل الخطوط هو وسيلة سهلة لتغيير وتحسين تصميم النص على موقع الويب الخاص بك.
باستخدام الخط الذي تم تنزيله
بعد تنزيل الخط وتوصيله باستخدام خطوط جوجل ، يمكنك البدء في استخدامه على موقع الويب الخاص بك. للقيام بذلك ، قم بتطبيق الخط المحدد على العنصر المقابل في الصفحة.
1. تعيين الخط للنص:
في المثال أعلاه ، سيتم عرض النص الموجود على الصفحة بالخط المحدد أينما تم استخدام الخط القياسي.
2. تعيين الخط لعنصر معين:في هذه الحالة ، سيتم تطبيق الخط فقط على العناصر التي تحتوي على فئة "اسم الفئة".3. تعيين الخط للعناوين:
في هذا المثال ، سيتم تطبيق الخط فقط على ح1, ح2 و ح3 رؤوس.
4. تعيين الخط لعنصر القائمة:
في هذه الحالة ، سيتم تطبيق الخط على عناصر القائمة.
5. تعيين الخط للفقرات:
| في هذا المثال ، سيتم تطبيق الخط على الفقرات في الصفحة. | كيفية تنزيل خط من خطوط جوجل |
| جوجل الخطوط يوفر للمستخدم القدرة على تحميل واستخدام مختلف الخطوط على موقعه على الانترنت. لإضافة خط من خطوط جوجل إلى موقع الويب الخاص بك ، اتبع الخطوات التالية: | خطوة |
| الوصف | 1 |
| افتح صفحة خطوط جوجل في متصفحك: https://fonts.google.com /. | 2 |
| حدد الخط الذي تريد استخدامه على موقعك. حدده بالنقر فوق الزر" تحديد هذا الخط". | في النافذة التي تفتح ، سترى رمز توصيل الخط بموقعك. انسخ هذا الرمز. |
| 5 | هريف |
مع وصلة إلى الخط.
6
الآن يمكنك استخدام الخط المحدد على موقع الويب الخاص بك. لتطبيق خط على عنصر معين ، استخدم خاصية كس
الخط الأسرة
وحدد اسم الخط.
استخدام خدمة الخطوط جوجل لإضافة خطوط فريدة وجذابة لموقع الويب الخاص بك وجعلها أكثر جاذبية للزوار!
اختيار الخط على موقع جوجل الخطوط
تقدم جوجل الخطوط مجموعة واسعة من الخطوط المجانية التي يمكن استخدامها على موقع الويب الخاص بك. يمكن أن يؤثر اختيار الخط الصحيح بشكل كبير على الانطباع المرئي للموقع وقابليته للقراءة.
عند اختيار الخط على موقع جوجل الخطوط ، لديك عدة طرق:
1. البحث عن الخط:
توفر خطوط جوجل عامل تصفية بحث يسمح لك بالبحث عن الخطوط وفقا لمعايير مختلفة مثل الفئة والوزن والأنماط وما إلى ذلك. يمكنك استخدام هذا للعثور على الخطوط التي تلبي متطلباتك.
2. عرض الخطوط:
على موقع جوجل الخطوط ، يمكنك عرض الخط المحدد في مختلف المتغيرات ، على سبيل المثال ، العادية ، جريئة ، مائل ، الخ. هذا يسمح لك بتقييم كيف سيبدو الخط على موقع الويب الخاص بك.
3. إضافة خط:
بعد تحديد الخط المناسب ، يجب إضافته إلى موقع الويب الخاص بك. للقيام بذلك ، انسخ الرمز المقدم والصقه في القسم الموجود على موقع الويب الخاص بك. سيسمح هذا للمتصفح بتحميل الخط المحدد ويمكنك استخدامه في كس الخاص بك.
الخط الذي تختاره على موقع جوجل الخطوط يجب أن تكون متسقة مع بقية تصميم موقع الويب الخاص بك. تذكر أن اختيار الخط الصحيح يمكن أن يعزز التأثير المرئي لموقع الويب الخاص بك ويجعله أكثر جاذبية للزائرين.
إنشاء رابط لتنزيل الخط
لتنزيل خط من خطوط جوجل واستخدامه على موقع الويب الخاص بك ، تحتاج أولا إلى إنشاء رابط لهذا الخط.
للقيام بذلك ، يمكنك زيارة موقع جوجل الخطوط وحدد الخط المطلوب من القائمة المقترحة. بعد تحديد الخط ، انقر فوق الزر" تحديد هذا الخط".
بعد إنشاء الرابط ، ما عليك سوى إضافته إلى قسم صفحة هتمل لتنزيل الخط.
الآن يمكنك استخدام هذا الخط الذي تم تنزيله في رمز كس الخاص بك عن طريق تعيينه كقيمة خاصية "عائلة الخط" للعناصر المطلوبة على موقعك.