تلعب الخطوط دورا مهما في التصميم المرئي للموقع ، فهي تساعد على نقل مزاج معين والتأكيد على أسلوب المشروع. في بعض الأحيان لا تعطي خطوط النظام القياسية التي توفرها المتصفحات النتيجة المرجوة. في مثل هذه الحالات ، يمكنك استخدام ملفات الخطوط الخاصة.
ملفات الخطوط عبارة عن مجموعات من الأحرف بأحجام وأنماط مختلفة ، يتم حفظها بتنسيق تفهمه المتصفحات. يمكن تنزيلها مباشرة من الخادم أو استخدام الخطوط المثبتة بالفعل على جهاز المستخدم.
هناك عدة طرق لاستخدام ملفات الخطوط على موقع الويب. واحد منهم هو ربطها عبر كس باستخدام قاعدة @ الخط الوجه . للقيام بذلك ، حدد المسار إلى ملف الخط وقم بتعيين القواعد لعرضه على الصفحة. يمكنك أيضا استخدام الخدمات الخارجية التي توفر مجموعات خطوط للتحميل المباشر إلى الموقع.
عند استخدام ملفات الخطوط ، من المهم مراعاة أحجام الملفات وسرعة تحميل الصفحة. في المشاريع الكبيرة والمعقدة ، يوصى بتحسين ملفات الخطوط عن طريق إزالة الأحرف غير الضرورية والبيانات غير الضرورية. يجب عليك أيضا التحقق من عرض الخطوط على الأجهزة والمتصفحات المختلفة للتأكد من عرضها بشكل صحيح على جميع الأنظمة الأساسية.
- بحث وتحميل ملفات الخط
- كيف يمكنني العثور على ملفات الخط على شبكة الإنترنت?
- أين يمكنني تنزيل ملفات الخطوط المجانية?
- كيف يمكنني تحميل ملفات الخط إلى موقع الويب الخاص بي?
بحث وتحميل ملفات الخط
- استخدام خدمات الويب: هناك العديد من خدمات الويب التي توفر مجموعة واسعة من ملفات الخطوط المجانية والمدفوعة. بعض منهم ، مثل جوجل الخطوط أو أدوبي الخطوط ، وتوفير وسيلة سهلة لربط الخطوط إلى موقع الويب الخاص بك. للقيام بذلك ، تحتاج إلى تحديد الخط المطلوب وإضافته إلى عربة التسوق وتحميل الرمز الذي تم إنشاؤه إلى صفحتك.
- موارد التصميم: يشارك العديد من مصممي ومطوري الويب ملفات الخطوط ويجعلونها متاحة للتنزيل على مواردهم. يمكنك استخدام محركات البحث للبحث عن هذه الموارد وتنزيل ملفات الخطوط الضرورية.
- الخطوط المفتوحة المرخصة: هناك العديد من الخطوط المفتوحة المرخصة التي يمكن تنزيلها واستخدامها بحرية على موقعك. تتوفر بعض هذه الخطوط على منصات مثل جيثب أو خطوط جوجل. قبل استخدامه ، تأكد من قراءة شروط الترخيص لكل خط.
بغض النظر عن الطريقة التي تختارها ، من المهم اتباع التعليمات الخاصة بتنزيل الخط وتوصيله بموقعك. يتضمن هذا عادة إدخال رمز في قسم من صفحة هتمل وتحميل ملفات الخطوط إلى الخادم الخاص بك أو استخدام مسارات الملفات المحلية.
كيف يمكنني العثور على ملفات الخط على شبكة الإنترنت?
إذا كنت تبحث عن ملفات خطوط لاستخدامها على موقع الويب الخاص بك أو في التصميم ، فإن الإنترنت يوفر العديد من الموارد للبحث عن الخطوط المختلفة وتنزيلها. فيما يلي بعض الطرق التي يمكن أن تساعدك في العثور على الملفات التي تحتاجها وتنزيلها:
1. مواقع الويب ذات الخطوط المجانية: هناك العديد من مواقع الويب التي تقدم خطوطا مجانية للتنزيل. وتشمل بعض منهم جوجل الخطوط ، دافونت والخط السنجاب. في هذه المواقع ، يمكنك البحث عن الخطوط حسب الفئة أو الكلمة الرئيسية وتنزيل ملفات الخطوط بتنسيقات مختلفة.
مثال: يمكنك العثور على الخطوط على الخطوط جوجل وتحميل ملفات الخط في الشكل.صندوق النقد الدولي أو .ووف.
2. كتالوجات الخطوط: كتالوجات الخطوط هي مواقع على الإنترنت يشارك فيها الأشخاص خطوطهم الخاصة. يمكنك البحث عن الخطوط وفقا لمعايير مختلفة ، بما في ذلك النمط والفئة واللغة. تتضمن بعض كتالوجات الخطوط الشائعة فونت سبيس ، فونتريفر ، و فونت2يو.
مثال: يمكنك العثور على الخطوط على فونت سبيس وحفظ ملفات الخطوط اللازمة لمشروعك.
3. المواقع التجارية: إذا كنت تبحث عن خطوط عالية الجودة أو مصممة بشكل احترافي ، فقد تكون المواقع التجارية هي الخيار الأفضل. يمكن العثور على الخطوط ذات التراخيص المختلفة في مثل هذه المواقع ، بما في ذلك خيار شراء ترخيص لاستخدام الخط.
مثال: يمكنك العثور على الخطوط التجارية على موقع ميفونتس وشراء الترخيص اللازم لاستخدام الخط على موقعك.
تذكر أنه عند اختيار خط لموقعك ، من المهم أن تأخذ في الاعتبار سهولة قراءته والامتثال لعلامتك التجارية والتصميم العام لموقعك. تأكد أيضا من أن لديك التراخيص الصحيحة لاستخدام الخطوط المحددة.
أين يمكنني تنزيل ملفات الخطوط المجانية?
هناك العديد من مواقع الويب حيث يمكنك العثور على ملفات الخطوط المجانية وتنزيلها لاستخدامها على موقع الويب الخاص بك. وهنا عدد قليل منهم:
1. خطوط جوجل: تقدم خطوط جوجل مجموعة كبيرة من الخطوط المجانية للاستخدام على مواقع الويب. يمكنك تصفح الخطوط حسب الفئة واختيار الخطوط التي تتناسب مع أسلوبك وتفضيلاتك.
2. الخط السنجاب: الخط السنجاب كما يقدم ملفات الخطوط المجانية التي يمكن استخدامها على المواقع. ستجد الخطوط المجانية والمدفوعة هنا ، ولكن معظمها متاح مجانا ، بشرط الاستخدام على موقع الويب.
3. دافونت: دافونت هي واحدة من الموارد الأكثر شعبية لتحميل الخطوط الحرة. ستجد هنا مجموعة كبيرة ومتنوعة من الخطوط ذات الأنماط والاتجاهات المختلفة التي يمكن استخدامها لإضفاء مظهر فريد على موقع الويب.
4. 1001 الخطوط: 1001 الخطوط تقدم أكثر من 10 ، 000 الخطوط الحرة مع مختلف التراخيص. هنا يمكنك العثور على خطوط لأغراض مختلفة ، بما في ذلك تصميم الويب والطباعة.
قبل تنزيل الخطوط واستخدامها ، من المهم مراجعة الترخيص للتأكد من أنه يمكنك استخدام الخط المحدد لموقع الويب.
كيف يمكنني تحميل ملفات الخط إلى موقع الويب الخاص بي?
لتنزيل ملفات الخطوط واستخدامها على موقع الويب الخاص بك ، اتبع الخطوات البسيطة:
- حدد الخط المطلوب
- ابحث عن ملفات الخطوط (عادة الملفات ذات الامتداد .صندوق النقد الدولي أو .أوتف)
- ضع ملفات الخطوط على الخادم الخاص بك أو استخدم خادما خارجيا
- إضافة التعليمات البرمجية إلى ملف نمط المغلق
قبل تنزيل ملفات الخطوط ، تأكد من أن لديك جميع التراخيص والحقوق اللازمة لاستخدام الخط المحدد على موقعك.
بعد تنزيل ملفات الخطوط ، قم بفك ضغط الأرشيف وحفظ الملفات على جهاز الكمبيوتر الخاص بك قبل تحميلها على الخادم.
ثم قم بتحميل ملفات الخطوط إلى خادم الويب الخاص بك أو استخدم خدمة استضافة ملفات الخطوط الخارجية. تأكد من أن ملفات الخط متوفرة في عنوان ورل المناسب.
بعد وضع ملفات الخطوط على الخادم ، افتح ملف نمط كس لموقعك وأضف الرمز لتوصيل الخطوط. يوجد أدناه مثال على الكود:
| كود | الوصف |
|---|---|
| @الخط الوجه { | يحدد هذا الرمز اسم الخط والمسار إلى ملف الخط مع الامتداد.الصندوق |
| الجسم { | يطبق هذا الرمز الخط على كل النص الموجود على موقعك |
استبدال 'اسم الخط' مع اسم الخط الذي تريد استخدامه. استبدال ' مسار _ إلى ملف _ مقتصدة_.الصناديق ' إلى المسار الفعلي لملف الخط على الخادم الخاص بك أو استضافة خارجية. يمكنك أيضا تحديد المسار إلى ملف الخط مع التمديد.أوتف إذا كنت تستخدم هذا النوع من الخط.
بعد إضافة الرمز ، احفظ ملف نمط كس وقم بتحميله على الخادم الخاص بك. الآن سوف يستخدم موقعك الخط المحدد لعرض النص.
تأكد من أن الكود يعمل بشكل صحيح وأن الخط معروض على موقعك في جميع المتصفحات والأجهزة. إذا كان هناك مشاكل مع الخط ، والتحقق من مسارات ملف الخط وبناء الجملة من التعليمات البرمجية في ملف نمط كس.