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