تلعب الخطوط دورا مهما في إنشاء نمط مرئي فريد لموقعك على الويب. فهي تساعدك على التميز عن العديد من المشاريع الأخرى ونقل رسالتك بدقة ووضوح. ومع ذلك ، فإن مهمة الاتصال بشكل صحيح وتكوين الخطوط يمكن أن يسبب بعض الصعوبات ، وخصوصا عندما يتعلق الأمر تنسيق أوتف.
أوتف (أوبن الخط) هو تنسيق الخط التي وضعتها مايكروسوفت وأدوبي. الخطوط أوتف لديها العديد من المزايا ، بما في ذلك دعم اللغة واسعة ، وأفضل جودة العرض على الشاشة ، فضلا عن القدرة على العمل مع مختلف المتغيرات من العلامات والرموز.
لاستخدام وتكوين اتصال الخطوط أوتف في كس ، وسوف تحتاج إلى بضع خطوات بسيطة. أولا ، تحتاج إلى تحميل ملفات الخطوط إلى الخادم الخاص بك. ثم سوف تحتاج إلى إضافة قاعدة @ الخط الوجه إلى ملف كس لتحديد مصدر الخط والإعدادات. أخيرا ، ستحتاج فقط إلى تحديد استخدام هذا الخط في العناصر الضرورية لموقعك.
- الخطوة 1: تحميل الخطوط أوتف
- كيفية تحميل ملفات الخط أوتف إلى الخادم
- الخطوة 2: توصيل الخطوط أوتف إلى كس
- كيفية إضافة خطوط أوتف إلى ملف كس
- الخطوة 3: وصف الخطوط أوتف في كس
- كيفية تعيين الخصائص والقيم لخطوط أوتف
الخطوة 1: تحميل الخطوط أوتف
الخطوة الأولى لاستخدام وتكوين اتصال الخطوط أوتف في كس هو تحميل ملفات الخط أنفسهم إلى الخادم. هناك طرق مختلفة للقيام بذلك.
الخيار 1: تحميل الخطوط إلى الخادم الخاص بك:
إذا كان لديك الوصول إلى الخادم الخاص بك ، يمكنك تحميل الخطوط أوتف عن طريق وضعها على الخادم. للقيام بذلك ، قم بإنشاء دليل على الخادم ، على سبيل المثال ، "الخطوط" ، ووضع ملفات الخطوط فيه.
الخيار 2: استخدام الخدمات الخارجية:
إذا لم تتمكن من استخدام الخادم الخاص بك ، فيمكنك استخدام الخدمات الخارجية لتنزيل الخطوط وتخزينها. بعض الخدمات الشعبية هي جوجل الخطوط ، أدوبي الخطوط. بعد تنزيل الخطوط الضرورية ، سيتم تزويدك برابط لتوصيل الخط.
الخيار 3: استخدام كندي:
كدن (شبكة تسليم المحتوى) هي شبكة تسليم المحتوى العالمية التي تسمح لك لتحميل ملفات الخط من خوادم سريعة وموثوق بها تقع في جميع أنحاء العالم. استخدام خدمات كدن مثل خطوط جوجل لتحميل واستخدام الخطوط أوتف باستخدام روابط الاتصال.
كيفية تحميل ملفات الخط أوتف إلى الخادم
من أجل استخدام الخطوط أوتف على موقع الويب الخاص بك ، تحتاج إلى تحميل هذه الملفات إلى الخادم. يتبع ذلك العملية الموضحة أدناه لتحميل ملفات أوتف إلى الخادم الخاص بك:
الخطوة 1: حفظ ملفات الخط أوتف على جهاز الكمبيوتر الخاص بك
قبل تحميل ملفات الخطوط إلى الخادم ، ستحتاج إلى وضعها على جهاز الكمبيوتر الخاص بك. هذه هي عادة الملفات مع .تمديد أوتف.
الخطوة 2: تحميل ملفات الخط إلى الخادم
من أجل تحميل الملفات إلى الخادم ، سوف تحتاج إلى برنامج للعمل مع بروتوكول نقل الملفات (بروتوكول نقل الملفات). تسمح لك هذه البرامج بالاتصال بالخادم ونقل الملفات إليه.
إذا كان لديك بالفعل برنامج للعمل مع بروتوكول نقل الملفات ، فتحه والاتصال بالخادم الخاص بك باستخدام بيانات الوصول (المضيف ، اسم المستخدم ، كلمة المرور). قم بإنشاء أو تحديد مجلد على الخادم حيث تريد تحميل ملفات الخطوط. ثم افتح المجلد على جهاز الكمبيوتر الخاص بك حيث توجد ملفات الخطوط واسحبها إلى المجلد الموجود على الخادم.
الخطوة 3: تحقق من توفر ملفات الخطوط على الخادم
بعد تحميل ملفات الخطوط إلى الخادم ، تأكد من توفرها عبر الروابط المباشرة. للقيام بذلك ، ما عليك سوى فتح الرابط إلى ملف الخط في المتصفح ، على سبيل المثال: https://www.example.com/fonts/myfont.otf. إذا تم فتح الملف ، فهذا يعني أنه تم تحميله بنجاح على الخادم.
يرجى ملاحظة أن إمكانية الوصول والمسار إلى ملفات الخط مهمة بحيث يمكن تحميلها بشكل صحيح واستخدامها على موقع الويب الخاص بك باستخدام كس.
الخطوة 2: توصيل الخطوط أوتف إلى كس
بعد تنزيل ملفات الخط بتنسيق أوتف ، ستحتاج إلى توصيلها بملف كس. للقيام بذلك ، سوف تحتاج إلى استخدام قاعدة @الخط الوجه.
مثال على قاعدة @الخط والوجه:
@الخط الوجه {
- عائلة الخط:"اسم الخط";
- سرك: ورل ("الطريق إلى.ملف أوتف") تنسيق ("أوبن")؛}
عائلة الخط: يحدد اسم الخط الذي ستستخدمه في كس.
سرك: يحدد المسار إلى ملف الخط مع .تمديد أوتف.
- الشكل: يحدد تنسيق الخط ، في هذه الحالة هو مفتوحاكتب.
- بعد إضافة قاعدة @ الخط الوجه إلى ملف كس الخاص بك ، يمكنك استخدام الخط المحدد في خصائص كس من العناصر الخاصة بك.
- مثال على استخدام الخط:
ح1 {
- عائلة الخط: "اسم الخط" ، بلا شريف;
- حجم الخط: 24 بكسل;
- }
- الخط الأسرة: يتم استخدام اسم الخط المحدد في قاعدة @وجه الخط.
بلا الرقيق: يحدد خط بديل في حالة عدم تحميل الخط المحدد.
اللون: يحدد لون النص.
الآن أنت تعرف كيفية توصيل الخطوط أوتف إلى كس واستخدامها لنمط النص على موقع الويب الخاص بك.
كيفية إضافة خطوط أوتف إلى ملف كس
قم بتحميل الخط إلى الخادم. قم بإنشاء مجلد" خطوط " في جذر مشروعك وانسخ ملف الخط بالملحق.أوتف إلى هذا المجلد.
افتح ملف كس الذي تريد إضافة خطوط إليه باستخدام أي محرر نصوص.
@الخط الوجه {
- عائلة الخط:"اسم الخط";
- سرك: ورل ("../الخطوط / اسم الخط.أوتف");
- }
الخط الأسرة
. على سبيل المثال:
ح1 {
عائلة الخط: "اسم الخط" ، بلا شريف;
- . إذا فشل تحميل الخط ، سيتحول المتصفح تلقائيا إلى الخط" بلا الرقيق".
- بعد تحميل ملفات الخط أوتف إلى الخادم ، يمكننا وصفها في كس للاستخدام على صفحة ويب. للقيام بذلك ، سوف نستخدم قاعدة @الخط الوجه.
- الخط الأسرة: 'ميويبفونت';
- في هذا المثال:
- التنسيق: يحدد تنسيق ملف الخط. بالنسبة لخطوط أوتف ، يتم استخدام القيمة 'أوتف'.
- الخط الأسرة: 'ميويبفونت' ، بلا الرقيق;
- الآن بعد أن وصفنا الخطوط أوتف في كس ، وسوف تكون متاحة للاستخدام على صفحة ويب لدينا. ومع ذلك ، لا تنس التأكد من أن ملفات الخطوط متوفرة في المسار المحدد وأن تنسيق الملف محدد بشكل صحيح.
عند استخدام الخطوط أوتف في كس ، يمكننا ضبط الخصائص والقيم المختلفة لتغيير مظهرها وسلوكها. فيما يلي بعض الخصائص الأساسية التي يمكن تعيينها لخطوط أوتف: