الخطوط ذات أهمية كبيرة في التصميم المرئي لمواقع الويب. يمكن تغييرها وتخصيصها اعتمادا على تفضيلات المصمم وأهداف الموقع. جوجل الخطوط يوفر مجموعة ضخمة من الخطوط الحرة التي يمكن أن تعزز كثيرا من الشكل والمظهر من موقع الويب الخاص بك. في هذا الدليل البسيط ، سنخبرك بكيفية إضافة خطوط جوجل إلى موقع الويب الخاص بك.
الخطوة الأولى هي اختيار الخطوط التي ترغب في استخدامها على موقعك. تقدم خطوط جوجل مجموعة متنوعة من الأساليب والخيارات التي تتراوح من الكلاسيكية إلى الحديثة. يمكنك عرض مجموعتهم على موقع جوجل الخطوط واختيار الخطوط الأكثر ملاءمة لموقعك.
من رمز هتمل الخاص بك. سوف الرابط تبدو شيئا من هذا القبيل:
لاسم الخط الذي حددته. يمكنك أيضا إضافة روابط متعددة لخطوط مختلفة إذا كنت تريد استخدامها في أجزاء مختلفة من موقعك.
на странице:
) будут использовать этот шрифт.
الآن بعد أن قمت بإضافة روابط إلى الخطوط وإعداد أنماط تشير إلى الخط الذي يجب عرض محتوى موقعك فيه ، يمكنك إعادة تحميل موقعك ورؤية النتيجة. يجب أن يتم عرض النصوص الخاصة بك في الخطوط جوجل الذي اخترته ، إضافة مستوى جديد من الأناقة والاحتراف إلى موقع الويب الخاص بك.
- إضافة خطوط جوجل
- لماذا جوجل الخطوط الهامة لموقع الويب الخاص بك?
- اختيار وتنزيل خطوط جوجل
- ربط خطوط جوجل بموقعك
- استخدام خطوط جوجل على موقعك
إضافة خطوط جوجل
لإضافة خطوط جوجل إلى موقعك ، اتبع الخطوات التالية:
| 1. | حدد الخطوط التي تحتاجها على موقع خطوط جوجل (https://fonts.google.com ). |
| 2. | انقر فوق الزر" تحديد الخطوط "وأضفها إلى"المجموعة". |
| 3. | في صفحة المجموعة ، انسخ رمز ارتباط هتمل الذي تريد إضافته إلى ملف هتمل. |
| 4. | افتح ملف هتمل في أي محرر كود أو محرر نصوص. |
| 5. | الصق كود هتمل المنسوخ في قسم ملف هتمل الخاص بك. |
| 6. | حفظ وتحميل ملف هتمل الخاص بك إلى الخادم. |
| 7. | الآن سيتم تطبيق خطوط جوجل التي حددتها على النص على موقعك. |
تذكر أنه يمكنك إضافة أنماط لاستخدام هذه الخطوط عن طريق تحديد أسمائهم في كس.
لماذا جوجل الخطوط الهامة لموقع الويب الخاص بك?
أولا ، تسمح لك خطوط جوجل بممارسة التحكم الكامل في مظهر النص على موقعك. يمكنك اختيار الخط الذي يناسب موضوع موقعك والجمهور المستهدف. ليست هناك حاجة لاستخدام مجموعة محدودة من الخطوط التي يوفرها نظام تشغيل المستخدم — تسمح لك خطوط جوجل بإضافة نمط وشخصية إلى موقعك.
بالإضافة إلى ذلك ، يمكن أن يؤدي استخدام خطوط جوجل إلى تحسين إدراك المعلومات على الموقع. بعض الخطوط أكثر قابلية للقراءة والقراءة ، مما يجعل قراءة النص على موقعك أكثر راحة للمستخدمين. يمكن للخط الجيد زيادة تفاعل المستخدم وتحسين الانطباع العام للموقع.
ميزة أخرى لاستخدام خطوط جوجل هي دعمها على الأجهزة والمتصفحات المختلفة. يرجع ذلك إلى حقيقة أن الخطوط يتم تحميلها من خادم جوجل ، فهي متوفرة على جميع الأجهزة وأجهزة الكمبيوتر ، وكذلك في جميع المتصفحات الحديثة. هذا مهم بشكل خاص نظرا لتنوع الأجهزة وأنظمة التشغيل المستخدمة لتصفح مواقع الويب في الوقت الحاضر.
من بين أمور أخرى ، وذلك باستخدام الخطوط جوجل بسيطة ومريحة. لا تحتاج إلى تنزيل الخطوط وتثبيتها على الخادم الخاص بك ، ثم تكوين دعمها على موقعك. تحتاج فقط إلى إضافة بضعة أسطر من التعليمات البرمجية التي تقدمها جوجل إلى كل صفحة من موقعك ، وسيتم تحميل الخطوط من الخادم الخاص بهم وتطبيقها على النص الخاص بك.
نتيجة لاستخدام خطوط جوجل ، سيبدو موقعك أكثر حداثة واحترافية وجاذبية للزوار. يمكن أن يؤدي اختيار الخط الصحيح إلى تحسين قابلية استخدام الموقع وتحسين إدراك المعلومات وجعل الموقع أكثر تميزا ولا ينسى.
وبالتالي ، تعد خطوط جوجل أداة قوية ومريحة لجعل موقع الويب الخاص بك أكثر جاذبية واحترافية. استخدم خطوط جوجل لإنشاء نمط فريد لموقعك وتعزيز التجربة المرئية للزوار.
اختيار وتنزيل خطوط جوجل
توفر جوجل مجموعة واسعة من الخطوط المجانية التي يمكن استخدامها على موقع الويب الخاص بك. لإضافة خطوط جوجل ، اتبع الخطوات التالية:
- افتح موقع خطوط جوجل على fonts.google.com .
- قم بالتمرير عبر مكتبة الخطوط وحدد الخطوط التي تحتاجها بالنقر فوق الزر" تحديد".
- في صفحة تحديد الخط ، يمكنك ضبط الإعدادات المختلفة مثل نمط الخط وحجم الخط.
- بعد إعداد الخطوط المطلوبة ، انقر فوق الزر" الحصول على رمز " في الزاوية اليمنى العليا.
- وثيقة أتش تي أم أل الخاصة بك.
- الآن ستكون الخطوط المحددة متاحة على موقع الويب الخاص بك.
تأكد من تكوين اتصال الخط بشكل صحيح وأنه يتم عرضها على موقعك. بعد إضافة خطوط جوجل ، يمكنك تطبيقها على أي عناصر من تصميم الويب الخاص بك عن طريق وضع قواعد كس المناسبة.
ربط خطوط جوجل بموقعك
تقدم جوجل الخطوط مجموعة واسعة من الخطوط المجانية التي يمكن استخدامها على موقع الويب الخاص بك. وسوف تساعد على إعطاء المحتوى الخاص بك نظرة فريدة من نوعها وتحسين قراءة النص.
لتوصيل خطوط جوجل بموقعك ، اتبع الخطوات التالية:
| الخطوة 1: | حدد الخطوط التي تحتاجها على موقع خطوط جوجل. |
| الخطوة 2: | في صفحة الخطوط المحددة ، انقر فوق الزر" تحديد هذا الخط". |
| الخطوة 3: | بعد تحديد جميع الخطوط الضرورية ، انقر فوق الرمز في شكل " سلة " الموجود في الزاوية اليمنى العليا من الشاشة. سيتم إضافة الخطوط المحددة تلقائيا إلى "مجموعات" ، والذي يقع في شريط أدوات الخطوط جوجل. |
| الخطوة 4: | على موقع الويب الخاص بك. |
| الخطوة 5: | . الآن سيتم توصيل الخطوط التي حددتها بموقعك. |
بعد الانتهاء من هذه الخطوات ، يجب إضافة خطوط جوجل بنجاح إلى موقعك. لا تنس حفظ التغييرات والتحقق من عرض الخطوط بشكل صحيح على صفحة الويب الخاصة بك.
استخدام خطوط جوجل على موقعك
لاستخدام خطوط جوجل على موقع الويب الخاص بك ، اتبع هذه الخطوات البسيطة:
1. حدد الخط:
انتقل إلى موقع جوجل الخطوط (fonts.google.com ) والعثور على الخط الذي تريد. يمكنك عرض أنماط مختلفة وتخصيص الخط حسب رغبتك.
2. احصل على الكود:
حدد خيارات الخط المطلوبة وانقر على زر" تحديد " لإضافته إلى المجموعة. بعد تحديد جميع الخطوط الضرورية ، انقر فوق رمز سلة المهملات لفتح شريط الأدوات.
3. ربط الخطوط:
في شريط الأدوات ، ابحث عن قسم" توصيل الخط " ، الذي يحتوي على رمز كس لإضافة الخطوط المحددة إلى موقعك. انسخ الكود المقدم والصقه في قسم صفحة هتمل الخاصة بك.
4. تغيير رمز كس: