تؤثر الخطوط بشكل كبير على الإدراك والتصميم المرئي لصفحات الويب. واحدة من الطرق الأكثر شعبية وموثوق بها لجعل موقع الويب الخاص بك فريدة وأنيقة لاستخدام الخطوط جوجل. سيوفر لك هذا المنشور إرشادات مفصلة حول كيفية توصيل خطوط جوجل بموقعك على منصة تيلدا.
في البداية ، تحتاج إلى تحديد الخطوط المناسبة لمشروعك. يمكنك اختيار خط من كتالوج جوجل الكبير ، والذي يقدم مجموعة متنوعة من أنماط وأنماط الخطوط. يمكنك أيضا استخدام عوامل التصفية للبحث عن نمط معين ، مثل الخط المائل أو الغامق.
بعد اختيار الخط ، يجب أن تذهب إلى صفحة كتالوج الخطوط جوجل والعثور على الخط الذي تحتاجه. ستجد في صفحة الخط كتلة من التعليمات البرمجية التي يجب عليك إدراجها في موقع الويب الخاص بك. عادة ، هذا هو رمز تضمين كس التي سوف تجد في قسم" كس مقتطف". انسخ هذا الرمز.
ملاحظة: عند نسخ الرمز ، احرص على عدم إضافة مسافات أو أحرف إضافية قد تتلف العرض الصحيح للخط.
- كيفية إضافة خطوط جوجل إلى موقع ويب عبر التلدة: إرشادات خطوة بخطوة مع أمثلة
- الخطوة 1: ابحث عن خط مناسب على خطوط جوجل
- الخطوة 2: تحديد الخطوط وتكوينها على موقع خطوط جوجل
- الخطوة 3: الحصول على رمز اتصال الخط
- الخطوة 4: تضمين التعليمات البرمجية في مشروع منصة تيلدا
- الخطوة 5: فحص وعرض التغييرات على الموقع
كيفية إضافة خطوط جوجل إلى موقع ويب عبر التلدة: إرشادات خطوة بخطوة مع أمثلة
إذا كنت ترغب في إضافة خطوط جوجل إلى موقع الويب الخاص بك التي تم إنشاؤها باستخدام منصة تيلدا ، يمكنك القيام بذلك باستخدام الإرشادات التالية.
1. انتقل إلى موقع جوجل الخطوط الرسمي في fonts.google.com . هنا يمكنك تحديد وتحميل أي خط المقدمة من جوجل.
2. بعد تحديد الخط المطلوب ، انقر فوق الزر" تحديد العائلة". في النافذة التي تفتح ، انسخ الرمز الذي توفره خطوط جوجل.
3. ارجع إلى لوحة التحكم الخاصة بموقعك على التلدة وافتح قسم "الإعدادات". في قسم الخطوط ، ابحث عن الزر" توصيل الخطوط الخارجية".
4. في النافذة التي تظهر ، الصق الرمز المنسوخ من خطوط جوجل وانقر على"موافق".
5. بعد حفظ التغييرات ، سيكون الخط الذي حددته متاحا للاستخدام في قسم" التصميم " في موقعك. ستتمكن من تطبيقه على العناوين والنصوص والعناصر الأخرى لموقعك.
6. إذا كنت بحاجة إلى إضافة خطوط متعددة ، كرر الخطوات من 2 إلى 5 لكل خط محدد.
هنا مثال على رمز لربط خط واحد من الخطوط جوجل على موقع الويب الخاص بك:
لا تنس استبدال "الخط + الاسم" باسم الخط الذي حددته. سيتم عرض الاسم المختصر للخط في الكود الذي توفره خطوط جوجل.
الآن أنت تعرف كيفية إضافة خطوط جوجل إلى موقع الويب الخاص بك التي تم إنشاؤها باستخدام التلدة. بهذه الطريقة يمكنك تحسين مظهر موقعك وجعله أكثر تميزا.
الخطوة 1: ابحث عن خط مناسب على خطوط جوجل
- تقدم خطوط جوجل مجموعة كبيرة من الخطوط المجانية التي يمكنك استخدامها في مشروعك. للعثور على خط مناسب:
- افتح متصفحا وانتقل إلى موقع خطوط جوجل.
- استخدم البحث أو تصفح فئات الخطوط المختلفة للعثور على الخط الذي يناسب متطلباتك وأسلوب مشروعك.
- عندما تعثر على خط مناسب ، انقر فوق الزر "تحديد العائلة" لإضافته إلى مجموعتك.
- بشكل افتراضي ، سيتم عرض المجموعة الأساسية فقط من أحرف الخط. لإضافة مجموعات أحرف إضافية ، انقر فوق الزر" تحديد خيارات مجموعة الأحرف " وحدد الأحرف التي تحتاجها.
عند الانتهاء من تحديد الخطوط والإعدادات ، قم بالتمرير لأسفل الصفحة وانسخ رمز اتصال الخط الذي سيتم استخدامه في الخطوات التالية.
أنت الآن جاهز للانتقال إلى الخطوة 2 وتثبيت الخطوط المحددة على موقعك باستخدام التلدة.
الخطوة 2: تحديد الخطوط وتكوينها على موقع خطوط جوجل
- توفر خطوط جوجل مجموعة واسعة من الخطوط المجانية التي يمكنك استخدامها على موقع الويب الخاص بك. لتحديد الخطوط وتخصيصها على موقعك ، اتبع الخطوات التالية:
- انتقل إلى موقع خطوط جوجل. افتح متصفحا واكتب "خطوط جوجل" في شريط البحث. انقر على الرابط الأول لفتح موقع جوجل الخطوط الرسمي.
- حدد الخطوط. استخدم البحث أو تصفح الخطوط المقترحة على الصفحة الرئيسية. انقر على الخط لفتح صفحته.
- تخصيص الخطوط. في صفحة الخط ، يمكنك ضبط معلمات مختلفة مثل نوع الخط وسمكه وحجمه. قم بتغيير هذه الإعدادات وفقا لتفضيلاتك.
- أضف خطوطا إلى المجموعة. لإضافة خط إلى مجموعتك ، انقر فوق الزر" إضافة إلى المجموعة " في صفحة الخط. يمكنك إضافة خطوط متعددة إلى مجموعة واحدة.
احصل على الرمز لتوصيل الخطوط. انتقل إلى المجموعة بالنقر فوق رمز سلة المهملات في الزاوية العلوية اليمنى من الصفحة. انسخ رمز اتصال الخط الذي ستجده في قسم" استيراد خطوط الويب".
بعد تحديد الخطوط وتكوينها على موقع خطوط جوجل ، تكون مستعدا للمتابعة إلى الخطوة التالية-توصيل الخطوط بموقعك على التلدة.
الخطوة 3: الحصول على رمز اتصال الخط
بعد اختيار الخطوط اللازمة على موقع جوجل الخطوط ، وسوف تحتاج إلى الحصول على رمز من شأنها أن تسمح لك لربط هذه الخطوط إلى موقع تيلدا الخاص بك.
- اتبع هذه التعليمات البسيطة للحصول على الرمز:
- في صفحة تحديد الخط ، في قسم "تحديد أنماط الخط ووزن الخط" ، حدد الأنماط التي تريدها واضبط إعدادات الخط.
- بعد التحديد ، انقر فوق الزر" تحديد العائلة".
في قسم التعليمات البرمجية المضمنة ، انسخ رمز اتصال الخط المقدم.
نموذج التعليمات البرمجية:
يرجى ملاحظة أنه في هذا الرمز يجب عليك استبدال "الخط+الاسم" باسم الخط الذي حددته. أيضا ، إذا كنت بحاجة إلى توصيل عدة خطوط ، فيمكنك إضافتها إلى الكود عن طريق فصل أسمائهم بعلامة"+".
الآن لديك الكود اللازم لتوصيل الخطوط بموقع التلدة الخاص بك.
الخطوة التالية هي توصيل الرمز المستلم في إعدادات موقعك على التلدة.
الخطوة 4: إدخال التعليمات البرمجية في مشروع منصة تيلدا
- والآن بعد أن تلقينا رمز لربط الخطوط جوجل ، دعونا إدراجه في مشروع منصة تيلدا لدينا.
- افتح موقع التلدة وحدد المشروع الذي تريد إضافة خطوط جوجل إليه.
- انتقل إلى علامة التبويب تصميم وحدد إعدادات المشروع.
- في صفحة إعدادات المشروع ، ابحث عن قسم" كس مخصص/جس "وانقر على زر" إضافة رمز هتمل".
- في النافذة التي تظهر ، الصق الكود الذي نسخته في الخطوة السابقة في حقل " كود هتمل "وانقر على"تطبيق".
احفظ التغييرات بالنقر فوق الزر" حفظ "أو" نشر " في الزاوية العلوية اليمنى من الصفحة.
يتم الآن توصيل خطوط جوجل بنجاح بمشروع تيلدا الخاص بك. يمكنك استخدامها في التصميم الخاص بك عن طريق تعيين الأنماط المناسبة للعناصر المطلوبة.
الخطوة 5: فحص وعرض التغييرات على الموقع
بعد إضافة الرمز لتوصيل خطوط جوجل بموقع التلدة الخاص بك ، تحتاج إلى التحقق من التغييرات ومراجعتها.
1. افتح متصفح ويب وانتقل إلى موقع الويب الخاص بك على التلدة.
2. قم بتحديث الصفحة لتنزيل جميع التغييرات.
3. تحقق من تحميل الخطوط من خطوط جوجل على الصفحة. للقيام بذلك ، يمكنك الانتباه إلى النصوص التي تستخدم الخطوط المحددة. يجب أن يتم عرضها مع الخط الجديد.
4. راجع جميع صفحات موقعك للتأكد من أن التغييرات تنطبق على الموقع بأكمله ويتم عرضها بشكل صحيح على جميع الصفحات.
إذا لاحظت أي مشاكل في عرض الخطوط أو العناصر الأخرى على الصفحة ، فتأكد من إضافة الرمز بشكل صحيح لتوصيل خطوط جوجل. قد تحتاج إلى التحقق مرة أخرى من الرمز وتكرار الخطوات السابقة.
مرة كنت متأكدا من أن التغييرات قد تم تطبيقها ويتم عرضها بشكل صحيح على موقع الويب الخاص بك ، قمت بتوصيل الخطوط جوجل بنجاح إلى التلدة.
ملاحظة: