كيفية توصيل خطوط جوجل إلى تيلدا-تعليمات خطوة بخطوة

يساعد استخدام خطوط مختلفة على موقع الويب في إنشاء تصميم فريد وجذاب. ومع ذلك ، لا تتوفر العديد من الخطوط دائما على جهاز الكمبيوتر الخاص بالمستخدم ، لذلك يلجأ العديد من مطوري الويب إلى استخدام خطوط جوجل. هذه خدمة مجانية توفر مجموعة واسعة من الخطوط عالية الجودة التي يمكن توصيلها بالموقع. في هذه المقالة ، سنلقي نظرة على إرشادات خطوة بخطوة حول كيفية توصيل خطوط جوجل بتيلدا.

الخطوة 1. انتقل إلى موقع جوجل الخطوط الرسمي وحدد الخط المناسب لمشروعك. يمكنك استخدام شريط البحث أو تصفح مجموعات الخطوط المختلفة. بعد تحديد الخط ، انقر فوق الزر" تحديد هذا الخط " الموجود في الزاوية اليمنى العليا. بعد ذلك ، انقر فوق رمز سلة المهملات لفتح نافذة بها رمز الاتصال.

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

الخطوة 3. ارجع إلى منصة تيلدا وانتقل إلى المشروع المطلوب. افتح محرر الصفحة حيث تريد استخدام الخط الجديد. انقر فوق الكتلة المطلوبة وحدد أداة إعدادات النص الموجودة في شريط الأدوات العلوي. في النافذة التي تفتح ، انتقل إلى علامة التبويب" تصميم "وانقر على زر" أنماط كس المتقدمة".

الخطوة 4. في النافذة التي تفتح في

1. إنشاء مشروع في تيلدا
2. اختيار الخط على الخطوط جوجل
3. الحصول على رمز الخط
4. إدخال الرمز في إعدادات تيلدا
5. تطبيق الخط على النص على تيلدا
6. التحقق من عرض الخط على الموقع
7. إعادة تصميم التصميم باستخدام خطوط جوجل

إنشاء مشروع في تيلدا

1. انتقل إلى موقع تيلدا (https://tilda.cc /) وانقر على زر" ابدأ".

2. سجل باستخدام حساب جوجل الخاص بك أو البريد الإلكتروني.

3. بعد التسجيل ، قم بتسجيل الدخول إلى حساب تيلدا الخاص بك.

4. انقر على زر" إنشاء مشروع " وحدد القالب الأكثر ملاءمة لمشروعك.

5. أدخل اسم المشروع وانقر على زر" إنشاء".

6. أنت الآن في محرر تيلدا. هنا يمكنك إنشاء وتحرير صفحات المشروع الخاص بك.

7. لإنشاء صفحة جديدة ، انقر فوق الزر" إضافة صفحة " في القائمة اليسرى وحدد نوع الصفحة (موقع صفحة واحدة أو موقع متعدد الصفحات).

8. أضف محتوى إلى صفحتك باستخدام أدوات تيلدا. يمكنك إضافة نص وصور ومقاطع فيديو ونماذج وعناصر أخرى.

9. إذا لزم الأمر ، يمكنك تخصيص إعدادات الصفحة ، مثل العنوان والعلامات الوصفية وصورة الخلفية والمزيد.

10. بعد الانتهاء من العمل ، انقر فوق الزر "نشر" في القائمة العلوية وحدد المجال لمشروعك (قد تحتاج إلى تسجيل نطاقك الخاص).

11. انقر فوق الزر" نشر " وسيكون مشروعك متاحا على الإنترنت باستخدام المجال المحدد.

الآن لديك مشروع جاهز في تيلدا! يمكنك إضافة خطوط جوجل باتباع الإرشادات الواردة في القسم المناسب.

اختيار الخط على الخطوط جوجل

تقدم جوجل الخطوط مجموعة واسعة من الخطوط للاستخدام على المواقع. للعثور على الخط المناسب لمشروعك ، ستحتاج إلى اتباع الخطوات التالية:

بعد الانتهاء من هذه الخطوات ، ستكون جاهزا لتوصيل الخط المحدد بموقعك على منصة تيلدا.

الحصول على رمز الخط

قبل توصيل خط خطوط جوجل إلى تيلدا ، تحتاج إلى الحصول على رمز الخط المناسب. للقيام بذلك ، اتبع الخطوات التالية:

1. انتقل إلى موقع جوجل الخطوط في https://fonts.google.com /.

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

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

4. بعد تحديد خيارات الخط التي تحتاجها ، انقر فوق رمز" + حدد هذا النمط".

5. ستتم إضافة الخط الذي حددته إلى" عربة التسوق " (الزر الموجود في الزاوية اليمنى السفلية من الموقع). انقر فوق هذا الزر لفتح "عربة التسوق".

6. في" عربة التسوق " سترى جميع الخطوط التي حددتها وستكون قادرا على تكوين معلمات إضافية لكل منها ، مثل حجم الخط واللون ووجود أحرف خاصة.

7. بعد تعيين جميع المعلمات ، انقر فوق الزر" تضمين " في الزاوية العلوية اليمنى من ملصق سلة المهملات.

8. في النافذة التي تفتح ، حدد علامة التبويب" قياسي " للحصول على الرمز القياسي لتوصيل الخط.

9. نسخ التعليمات البرمجية المقدمة ، وسوف تبدو شيئا من هذا القبيل:

الآن لديك رمز الخط الذي يمكنك استخدامه لتوصيله إلى تيلدا.

إدخال الرمز في إعدادات تيلدا

لتوصيل الخط جوجل الخطوط إلى تيلدا ، وسوف تحتاج إلى إدراج رمز خاص في إعدادات المشروع الخاص بك على المنصة.

1. الخطوات:
2. انتقل إلى إعدادات مشروع تيلدا.
3. انتقل إلى علامة التبويب تصميم.
4. ابحث عن قسم العلامات والبرامج النصية وحدد علامة التبويب العلامات الوصفية العامة.

انقر فوق الزر" إضافة رمز " والصق الكود التالي:

بدلا من" الاسم+الخط "، أدخل اسم الخط الذي تريد استخدامه ، وبدلا من" وزن الخط " ، حدد وزن الخط (100 ، 200 ، 300 ، إلخ.).

مثال:

بعد إدخال الرمز ، انقر فوق" حفظ "أو" نشر التغييرات " لتطبيق التغييرات.

الآن الخط الخطوط جوجل يجب أن تكون متصلا بنجاح لمشروع تيلدا الخاص بك.

تطبيق الخط على النص على تيلدا

وبمجرد الانتهاء من توصيل الخطوط جوجل الخط المحدد لموقع تيلدا الخاص بك ، يمكنك بسهولة تطبيق هذا الخط إلى النص على الصفحة.

إليك كيفية القيام بذلك:

1. افتح العنصر الذي تريد تغيير الخط فيه (يمكن أن يكون عنوانا أو نصا عاديا أو فقرة أو أي عنصر آخر).

2. حدد النص الذي تريد تغييره في الخط.

3. في شريط الأدوات العلوي من تيلدا ، حدد خيار الخطوط (رمز في شكل الحرف "أ").

4. في النافذة التي تفتح ، حدد الخط المطلوب من قائمة الخطوط المتاحة. إذا قمت بتمكين خط خطوط جوجل ، فيجب عرضه في هذه القائمة.

5. بعد تحديد الخط ، يمكنك أيضا ضبط حجمه ولونه ومحتوى الدهون والمعلمات الأخرى في الأقسام المناسبة من النافذة.

6. انقر فوق الزر" تطبيق " لحفظ التغييرات.

الآن سيتم تطبيق الخط المحدد على النص المحدد على صفحتك على تيلدا. يمكنك تكرار هذه العملية للعناصر والنصوص الأخرى على الصفحة لإنشاء نمط وتخطيط موحدين.

التحقق من عرض الخط على الموقع

بعد توصيل خط خطوط جوجل بموقع تيلدا الخاص بك ، تحتاج إلى التحقق من عرض الخط بشكل صحيح.

1. للقيام بذلك ، اتبع الخطوات التالية:
2. افتح الصفحة على موقعك حيث قمت بتطبيق الخط الجديد.
3. تأكد من تحميل الصفحة وعرضها بالكامل.
4. قم بالتمرير لأسفل الصفحة وتحقق من جميع عناصر النص للحصول على خط جديد.
5. تأكد من تطبيق الخط الجديد على العناوين والفقرات وعناصر النص الأخرى.
6. انتبه إلى الحجم والارتفاع والتباعد بين الأحرف. يجب أن تكون كما هو محدد في الخط.

تحقق مما إذا كان هناك أي تشوهات أو مشاكل أخرى في عرض الخط.

ملاحظة: إذا لم يتم عرض الخط بشكل صحيح أو لا ينطبق على النص ، فارجع إلى الإرشادات الخاصة بتوصيل خط خطوط جوجل وتحقق من جميع الخطوات.

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

بعد التأكد من عرض الخط بشكل صحيح ، يمكنك التأكد من توصيله بنجاح بموقع تيلدا الخاص بك.

إعادة تصميم التصميم باستخدام خطوط جوجل

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

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

الآن سيتم تطبيق الخط المحدد على جميع العناصر مع فئة كس المحددة على صفحتك.

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