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