كيفية تحميل خطوط إضافية إلى موقع الويب الخاص بك

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

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

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

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

تنزيل خطوط إضافية

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

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

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

2. حدد الخط الذي تهتم به ، وراجع خياراته وحدد الخط الذي تريده (على سبيل المثال ، عادي أو غامق أو مائل).

3. انقر فوق الزر" تحديد هذا الخط " وأضفه إلى قائمة الخطوط المحددة.

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

5. سيطلب منك تنزيل أرشيف مضغوط يحتوي على الخطوط المحددة بتنسيقات مختلفة.

6. قم بفك ضغط الأرشيف المضغوط على جهاز الكمبيوتر الخاص بك.

7. انتقل إلى موقعك وأنشئ مجلدا جديدا يسمى "الخطوط" في الدليل الجذر لموقعك.

8. انقل ملفات الخطوط من أرشيف مضغوط غير مضغوط إلى مجلد الخطوط.

9. افتح ملف كس من موقعك وإضافة التعليمات البرمجية التالية:

@الخط الوجه {

عائلة الخط:'اسم مقتصد';

سرك: ورل('الخطوط/الخط_الاسم.ووف 2') شكل ('ووف 2'),

عنوان ورل ('الخطوط/الخط_الاسم.وف') شكل ('وف');

الخط الوزن: 400;

نمط الخط: عادي;

}

استبدل "اسم الخط" باسم الخط الذي حددته على خطوط جوجل وحدد أسماء ملفات الخط الصحيحة.

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

على سبيل المثال ، لاستخدام الخط "روبوتو" على رؤوس موقعك ، إضافة التعليمات البرمجية التالية إلى كس: