عند إنشاء صفحة ويب ، من المهم السعي لتحقيق التفرد والتفرد. تتمثل إحدى طرق تحقيق ذلك في استخدام الخطوط اليدوية بالقلم الرصاص. يضيف هذا التأثير الأصالة إلى الموقع ويؤكد نهجه الإبداعي. يشبه خط القلم الرصاص المرسوم باليد بصريا مخطوطة حقيقية ، مما يجعل النص أكثر حيوية وجاذبية لزوار موقعك.
لا يتطلب إنشاء تأثير خط قلم رصاص يدوي على موقع الويب الخاص بك الكثير من الوقت والجهد. هناك عدة طرق لإضافة هذا النمط إلى النص. واحد منهم هو استخدام الخطوط المتخصصة التي تحاكي النص المكتوب بخط اليد. يمكنك العثور على العديد من خطوط القلم الرصاص المرسومة باليد المجانية والمدفوعة على الإنترنت. ما عليك سوى إضافة رابط إلى الخط الذي تم تنزيله إلى رمز صفحة الويب الخاصة بك ، وسيبدو كل النص المنسق بهذا الخط كما لو كان مكتوبا يدويا.
إذا كنت لا ترغب في استخدام الخطوط الخاصة ، يمكنك دائما إنشاء تأثير الخط قلم رصاص مرفوعة باستخدام كس. للقيام بذلك ، يمكنك استخدام خاصية "عائلة الخط" وتطبيق خلفيات مزخرفة لإنشاء مظهر الكتابة على الورق. يمنحك هذا النهج مزيدا من المرونة والتحكم في مظهر النص الخاص بك.
لا تنس أن استخدام خط قلم رصاص يدوي يجب أن يكون عضويا ويتناسب مع نمط موقعك بالكامل. لا يهم الطريقة التي تختارها ، ستكون النتيجة مشرقة وفريدة من نوعها. لا تخافوا لهذه التجربة ، وخلق الخاصة خيارات الخط قلم رصاص مرفوعة لموقع الويب الخاص بك!
- كيفية إنشاء تأثير مكتوب بخط اليد على موقع الويب الخاص بك باستخدام خط قلم رصاص مرسوم يدويا
- حدد الخط المناسب باليد بقلم رصاص
- قم بتثبيت الخط على موقع الويب الخاص بك
- استخدام كس لتخصيص الخط
- أضف الرسوم المتحركة لإنشاء تأثير مكتوب بخط اليد
كيفية إنشاء تأثير مكتوب بخط اليد على موقع الويب الخاص بك باستخدام خط قلم رصاص مرسوم يدويا
فيما يلي بعض الخطوات البسيطة لمساعدتك في إنشاء هذا التأثير على موقع الويب الخاص بك:
- حدد الخط المناسب باليد بقلم رصاص. هناك العديد من المتغيرات المجانية والمدفوعة للخطوط اليدوية التي يمكنك العثور عليها على الإنترنت. اختر الخط الذي يتطابق بشكل أفضل مع نمط موقعك وهو مناسب لقراءة النص.
- قم بتحميل الخط إلى الخادم الخاص بك. بمجرد تحديد الخط المطلوب ، قم بتحميله على الخادم الخاص بك بحيث يكون متاحا للاستخدام على موقعك.
- أضف الخط إلى ملف كس. افتح ملف كس لموقعك وأضف الأسطر التالية من التعليمات البرمجية لتوصيل الخط:
- استبدال
اسم الخط
المسار إلى الخط هو المسار إلى الخط الذي تم تنزيله على الخادم الخاص بك.
قم بتطبيق الخط على العناصر المطلوبة على موقعك. لتطبيق خط مرفوعة إلى عنصر معين ، إضافة السطر التالي من التعليمات البرمجية إلى المغلق:
.العنصر {
الخط الأسرة: 'إسم_التحويل' ، مخطوطة;
}
- استبدال
- العنصر
- إلى فئة أو معرف العنصر الذي تريد تطبيق الخط عليه.
الآن بعد أن تم تطبيق خط القلم الرصاص المكتوب بخط اليد على موقعك ، سيبدو النص كما لو كان مكتوبا بخط اليد. سيؤدي ذلك إلى إنشاء تأثير مرئي فريد وممتع للزائرين.
لا تنس أيضا أن تأخذ في الاعتبار أنه لن يتمكن جميع زوار موقعك من رؤية الخط الذي اخترته. لذلك ، تأكد من أن موقعك لا يزال قابلا للقراءة ومفهوما ، حتى إذا لم يتم عرض الخط بشكل صحيح.
حدد الخط المناسب باليد بقلم رصاص
يمكن أن يؤدي اختيار خط القلم الرصاص المكتوب بخط اليد لموقعك إلى تعزيز تفرده وجاذبيته بشكل كبير. يضيف تأثير الحروف اليدوية مظهرا فريدا وشخصيا للمحتوى الخاص بك ، مما يجعله أكثر جاذبية للزوار.
عند اختيار خط قلم رصاص يدوي ، ضع في اعتبارك العوامل التالية:
أسلوب الكتابة: يمكن أن تحاكي الخطوط المكتوبة بخط اليد أنماط كتابة مختلفة ، مثل الأحرف المائلة أو الغامقة أو الصغيرة أو الكبيرة ، إلخ. اختر الخط الذي يتطابق بشكل أفضل مع المحتوى الخاص بك وأسلوب موقعك.
سهولة القراءة: تأكد من سهولة قراءة الخط المحدد بالقلم الرصاص على الشاشة. يجب أن يكون واضحا وموجزا حتى يتمكن زوار موقعك من قراءة النص بسهولة.
التوافق: تأكد من أن خط القلم الرصاص المحدد المرسوم يدويا متوافق مع أنواع مختلفة من المتصفحات والأجهزة بحيث يبدو جيدا بنفس القدر على جميع الأنظمة الأساسية.
لإضافة تأثير الكتابة اليدوية على موقعك ، ستحتاج إلى تحديد الخط المناسب وتثبيته. في هذه المقالة ، سنلقي نظرة على بعض الخطوات التي ستساعدك على إكمال هذه المهمة.
الخطوة 1: ابحث عن خط مناسب
الخطوة الأولى هي اختيار خط مناسب يحاكي نمط الكتابة اليدوية. هناك العديد من الخطوط المجانية والمدفوعة المتاحة للتنزيل من الإنترنت. يمكنك استخدام محركات البحث أو زيارة مواقع الويب المتخصصة للعثور على الخطوط التي تتناسب مع رؤيتك. يرجى ملاحظة أن بعض الخطوط قد يكون لها قيود على الاستخدام. تأكد من السماح باستخدام الخط الذي اخترته على موقعك.
الخط الأسرة: 'اسم الخط';
سرك: ورل ('المسار إلى الخط ملف');
}
الخطوة 3: استخدم الخط على موقع الويب الخاص بك
الآن بعد أن تم تحميل الخط الخاص بك إلى الخادم ، يمكنك استخدامه على موقع الويب الخاص بك. للإشارة إلى أنك تريد استخدام الخط على موقعك ، أضف قاعدة كس لعناصر الصفحة المقابلة:
الجسم {
الخط الأسرة: 'اسم الخط' ، بلا الرقيق;
هنا سوف تحل محل "اسم الخط" مع الاسم المقابل للخط الخاص بك. يمكنك أيضا استخدام خطوط بديلة في القائمة النهائية في حالة فشل تحميل الخط.
ملاحظة: تأكد من تحديد المسار إلى ملف الخط بشكل صحيح في رمز كس. سيساعد هذا المتصفح على تحميل الخط بشكل صحيح.
الآن بعد أن قمت بتثبيت الخط على موقع الويب الخاص بك ، يمكنك استخدامه لإنشاء تأثير مكتوب بخط اليد على صفحة الويب الخاصة بك.
واحدة من السمات الهامة من كس هو القدرة على تحديد الخط. يمكنك استخدام خطوط مختلفة لإنشاء تأثير نص مكتوب بخط اليد. هناك العديد من الخطوط التي تحاكي أسلوب الكتابة المكتوبة بخط اليد ، مثل" زهرة إيندي "و" نص الرقص "و" المشاعر الرائعة " وغيرها.
تحدد الإطارات الرئيسية قيم الخصائص لبعض لحظات الرسوم المتحركة. على سبيل المثال ، في هذا الرمز ، 0 ٪ هي اللحظة الأولية عندما يكون العنصر غير مرئي ويتم إزاحته إلى اليسار بمقدار 10 بكسل ، و 100 ٪ هي اللحظة الأخيرة عندما يكون العنصر مرئيا بالكامل ولا يتم إزاحته.