تعد الخطوط جزءا مهما من تصميم الويب. إنهم قادرون على إعطاء شخصية الموقع والتصميم الجمالي ، وبالتالي فإن اختيار الخط المضبوط جيدا هو جزء لا يتجزأ من أي مشروع.
تتمثل إحدى طرق تعيين الخطوط لموقعك في تحميلها مباشرة على الخادم. في الوقت نفسه ، سيكون لديك تحكم كامل في عرض النص على صفحات الويب ، حتى إذا لم يكن لدى الزوار الخط المناسب على أجهزتهم.
في هذه المقالة ، سنلقي نظرة على الإرشادات خطوة بخطوة لتحميل خط إلى الخادم ومشاركة بعض النصائح التي ستساعدك على جعل هذه العملية فعالة وآمنة قدر الإمكان.
قبل البدء ، تأكد من أن لديك حقوق وصول إلى الخادم حيث سيتم تخزين ملف الخط ، وأن لديك جميع الأدوات اللازمة مثبتة للعمل مع ملفات الخادم.
- اختيار الخط لتحميل
- تحضير الخط للتنزيل
- إنشاء دليل خط على الخادم
- تحميل خط إلى الخادم
- توصيل خط على صفحة ويب
اختيار الخط لتحميل
1. سهولة القراءة: الشرط الرئيسي للخط هو خفته وقابليته للقراءة. تأكد من أن زوارك يمكنهم قراءة النص المكتوب بالخط الذي تختاره دون عناء.
2. نمط: ضع في اعتبارك نمط موقع الويب الخاص بك واختر الخط الذي يناسب مفهومك العام. على سبيل المثال ، إذا كان موقعك يستهدف الأطفال ، فيمكنك اختيار خط أكثر مرحا وتنوعا.
3. التفرد: يجب أن يكون الخط فريدا وأن يبرز من المنافسة. ومع ذلك ، يجب تجنب الخطوط غريب الأطوار وغير قابل للقراءة ، والتي يمكن أن تخلق مشاكل مع تصور النص.
4. التفاعل مع الخطوط الأخرى: إذا كان موقعك يستخدم عدة خطوط ، فتأكد من أنها تمتزج بانسجام مع بعضها البعض. اختر الخطوط التي تكمل بعضها البعض جيدا وأنشئ مظهرا متسقا لصفحة الويب.
5. خيارات الخط: تحقق مما إذا كان الخط الذي حددته يحتوي على أنماط خطوط مختلفة (مائل ، غامق ، إلخ.) لتكون قادرة على اختيار النمط المناسب لعناصر مختلفة من صفحة الويب.
6. الترخيص: قبل تحميل خط إلى الخادم ، تأكد من التحقق من ترخيصه. قد تكون بعض الخطوط متاحة للاستخدام الشخصي فقط ، بينما قد يكون للخطوط الأخرى حقوق محدودة لاستخدامها في المشاريع التجارية.
من خلال الاستماع إلى هذه التوصيات ، ستتمكن من اختيار الخط المناسب الذي سيخلق مظهرا فريدا وجذابا لموقعك على الويب.
تحضير الخط للتنزيل
قبل تحميل خط إلى الخادم ، تحتاج إلى إكمال عدة خطوات أولية:
1. اختيار تنسيق ملف الخط المناسب
عند اختيار تنسيق ملف الخط ، يجب مراعاة التوافق مع المتصفحات المختلفة. التنسيقات الشائعة لخطوط الويب هي تروتايب( تف) ، أوبن (أوتف) ، وتنسيق الخط المفتوح على شبكة الإنترنت (وف). اعتمادا على جمهورك المستهدف ومتطلبات الأداء ، اختر التنسيق المناسب.
2. التحقق من ترخيص الخط
قبل تحميل خط إلى الخادم ، تأكد من التحقق من أن لديك الحق في استخدامه على موقع الويب الخاص بك. تحتوي العديد من الخطوط على قيود على الاستخدام التجاري ، لذا استشر اتفاقية الترخيص أو اتصل بمالك الخط.
3. تحسين الخط
قبل التحميل على الخادم ، يوصى بتحسين الخط لتحسين سرعة التنزيل وأداء موقع الويب الخاص بك. يمكن القيام بذلك باستخدام أدوات متخصصة لضغط خطوط الويب وإعدادها ، مما يقلل من حجم ملف الخط ويزيل المعلومات غير الضرورية.
4. إعداد رمز كس
.
5. اختبار الخط
بعد تنزيل الخط وتوصيله بالخادم ، يوصى بإجراء اختبار على متصفحات وأجهزة مختلفة للتأكد من عرض الخط بشكل صحيح ومتاح للمستخدمين.
باتباع هذه الخطوات ، تكون جاهزا لتنزيل واستخدام الخط المحدد على موقع الويب الخاص بك.
إنشاء دليل خط على الخادم
قبل تحميل خط إلى الخادم ، تحتاج إلى إنشاء دليل لتخزين الخطوط. سيتم وضع جميع الملفات المتعلقة بالخطوط في هذا الدليل.
لإنشاء دليل ، يمكنك استخدام عميل بروتوكول نقل الملفات أو لوحة تحكم الاستضافة. من المهم التأكد من أن لديك حقوق الوصول اللازمة لإنشاء دليل.
من المستحسن استخدام شيء موجز وصفي كاسم الدليل. على سبيل المثال ، يمكنك تسمية الدليل "الخطوط" أو "الخطوط".
بعد إنشاء الدليل ، تحتاج إلى تحميل جميع ملفات الخطوط التي تخطط لاستخدامها على موقعك إلى الخادم. عادة ما يكون لملفات الخطوط امتداد.صندوق النقد الدولي, .ووف أو .2.
تأكد من تحميل جميع ملفات الخطوط داخل الدليل الذي تم إنشاؤه. على طول الطريق ، تحقق من أن الملفات سليمة وتحميلها بالكامل على الخادم.
بعد الانتهاء من كل هذه الخطوات ، سيكون دليل الخطوط على الخادم جاهزا للاستخدام. ستتمكن من الوصول إلى ملفات الخطوط واستخدامها على موقعك عن طريق تحديد المسار إلى الملفات في قواعد كس المناسبة.
تحميل خط إلى الخادم
الخطوة 1: إعداد الخط
قبل البدء في تحميل خط إلى الخادم ، تحتاج إلى التأكد من أن لديك حقوق استخدام هذا الخط. إذا تم شراء الخط ، فتأكد من أن لديك ترخيصا لاستخدامه على موقع الويب. إذا كنت تستخدم خطا مجانيا ، فتأكد من اتباع تعليمات مؤلف الخط.
الخطوة 2: تنسيق الخط
لتحميل خط إلى الخادم ، ستحتاج إلى تنسيق ويب صالح. وعادة ما يتم توفير الخطوط في تروتايب (تف) أو أوبن (أوتف) الأشكال. ومع ذلك ، بالنسبة لمواقع الويب ، فإن التنسيق الأكثر شيوعا هو تنسيق الخط المفتوح على الويب (وف). إذا كان الخط الخاص بك ليس في شكل وف ، سوف تحتاج إلى استخدام محول الخط لتحويله إلى الشكل المطلوب.
الخطوة 3: توصيل الخط عبر كس
مرة واحدة لديك ملف الخط في شكل وف ، يمكنك البدء في توصيل الخط إلى موقع الويب الخاص بك باستخدام كس. سوف تحتاج إلى إضافة التعليمات البرمجية التالية إلى أنماط كس الخاص بك:
"'المغلق
@الخط الوجه {
عائلة الخط:'اسم مقتصد';
في هذه الحالة ، يجب أن تكون قادرا على تحديد ما إذا كنت ترغب في تحديد ما إذا كنت ترغب في تحديد ما إذا كنت ترغب في ذلك.وف') شكل ('وف');
/ * خصائص خط إضافية مثل الوزن ونمط الخط وما إلى ذلك.*/
}
في هذا الرمز ، يجب تحديد اسم الخط المطلوب والمسار إلى ملف وف على الخادم الخاص بك. ثم يمكنك تطبيق الخط الجديد على العناصر المطلوبة على موقع الويب الخاص بك. على سبيل المثال:
"'المغلق
الجسم {
الخط الأسرة: 'شيفت_اسم' ، بلا الرقيق;
}
الخطوة 4: تحميل الخط إلى الخادم
الآن بعد أن قمت بإعداد الخط الخاص بك وإنشاء رمز كس لتوصيله ، تحتاج إلى تحميل ملف الخط إلى الخادم الخاص بك. للقيام بذلك ، يمكنك استخدام أي طريقة متاحة لتحميل الملفات إلى الخادم ، مثل بروتوكول نقل الملفات أو لوحة تحكم الاستضافة.
الخطوة 5: اختبار الخط
بعد تحميل الخط إلى الخادم ، تحتاج إلى التأكد من عرضه بشكل صحيح على موقع الويب الخاص بك. افتح موقع الويب الخاص بك في متصفح ويب وتحقق من تطبيق الخط الجديد بنجاح على العناصر المحددة.
يتيح لك تحميل خط على الخادم إنشاء تصميم فريد لموقعك على الويب وتزويد الزوار بتجربة مستخدم فريدة. باتباع الإرشادات أعلاه ، ستتمكن من تنزيل الخطوط غير القياسية واستخدامها بنجاح على موقع الويب الخاص بك.
توصيل خط على صفحة ويب
- اختر الخط المناسب لمشروعك. انتبه إلى شروط الترخيص للتأكد من السماح باستخدام الخط على موقع الويب الخاص بك.
- قم بتنزيل ملفات الخطوط. عادة ما يتم توفير الخطوط بالتنسيق.صندوق النقد الدولي, .أوتف أو .ووف.
- قم بإنشاء مجلد جديد على الخادم الخاص بك حيث سيتم تخزين ملفات الخطوط. أعطه اسما واضحا للعثور بسهولة على الملفات التي تحتاجها.
- انسخ ملفات الخطوط التي تم تنزيلها إلى مجلد على الخادم.
- افتح ملف نمط موقع الويب الخاص بك. هذا هو عادة ملف مع .تمديد المغلق.
- أضف الكود التالي إلى ملف النمط:
@الخط الوجه {
عائلة الخط:"اسم الخط";