كيفية استبدال الخط القياسي على الموقع بخط جميل مكتوب بخط اليد

الخط هو أحد العناصر المهمة لتصميم موقع الويب ويمكن أن يؤثر بشكل كبير على التصور العام للمحتوى. ومع ذلك ، فإن الخطوط الافتراضية التي توفرها المتصفحات ليست مناسبة دائما لإنشاء جو مرئي فريد على الموقع. في هذه المقالة ، سننظر في كيفية استبدال الخط القياسي بخط جميل مكتوب بخط اليد لإنشاء مظهر أكثر جاذبية وفردية.

بادئ ذي بدء ، من المهم اختيار خط مكتوب بخط اليد مناسب يتناسب مع الموضوع العام والمزاج العام لموقعك. هناك العديد من الخطوط المكتوبة بخط اليد المجانية والمدفوعة والتي يمكن العثور عليها على الإنترنت. البعض منهم يقلد ما هو مكتوب بخط اليد ، في حين أن البعض الآخر أكثر إبداعا وتجريبا.

بعد تحديد الخط المناسب ، تحتاج إلى توصيله بموقعك. للقيام بذلك ، يمكنك استخدام قاعدة كس @الخط الوجه ، والذي يسمح لك لتحميل الخطوط مباشرة من الخادم واستخدامها على صفحات الويب. عند توصيل خط مكتوب بخط اليد ، انتبه إلى تنسيقات الملفات التي تدعمها المتصفحات المختلفة لضمان التوافق وعرض النص الصحيح.

على سبيل المثال ، يمكنك توصيل خط مكتوب بخط اليد باستخدام رمز كس التالي:

@الخط الوجه {

الخط الأسرة: 'ميهاندريتينغفونت';

سرك: ورل('الخطوط/ميهاندريتينغفونت.تف') شكل ('تروتايب');

}

عندما يتم توصيل الخط بالموقع بنجاح ، يمكنك البدء في استخدامه في المستند. للقيام بذلك ، ما عليك سوى إضافة قاعدة كس المناسبة ، وتحديد المحدد المطلوب وتعيين الخط المكتوب بخط اليد في خاصية عائلة الخط. على سبيل المثال:

ح1 {

الخط الأسرة: 'ميهاندريتينغفونت' ، مخطوطة;

}

الآن سيتم عرض عناوين المستوى الأول على موقعك بالخط المحدد بخط اليد. يمكنك أيضا تحديد محددات وخصائص أخرى لتطبيق الخط المكتوب بخط اليد على عناصر الصفحة الأخرى ، مثل عناوين المستوى الثاني والفقرات والقوائم.

يمكن أن يؤدي استبدال الخط القياسي بخط جميل مكتوب بخط اليد إلى تحسين المظهر المرئي لموقعك بشكل كبير والمساعدة في التأكيد على شخصيته الفردية. جرب الخطوط المكتوبة بخط اليد المختلفة ، وحددها وفقا للتصميم العام والمزاج العام للمحتوى ، وسيبرز موقعك بالتأكيد من بين أمور أخرى!

1. اختيار خط جميل مكتوب بخط اليد
2. اختيار النمط الصحيح
3. حجم الخط واللون
4. باستخدام خطوط جوجل

اختيار خط جميل مكتوب بخط اليد

عندما يتعلق الأمر باختيار خط جميل مكتوب بخط اليد لموقعك على الويب ، فهناك العديد من الجوانب المهمة التي يجب مراعاتها:

• سهولة القراءة: بالإضافة إلى الجاذبية المرئية ، يجب أن تكون الخطوط المكتوبة بخط اليد سهلة القراءة للمستخدمين. إيلاء الاهتمام لوضوح الحروف ووضوح الكلمات.
• نمط: يمكن أن يكون للخطوط المكتوبة بخط اليد أنماط مختلفة-من الأناقة والخط إلى المرح والبهجة. اختر نمطا يطابق الموضوع العام لموقعك وينقل الحالة المزاجية الصحيحة.
• التوافق: تحقق مما إذا كان الخط الذي حددته متوافقا مع المتصفحات والأجهزة المختلفة. تأكد من عرض الخط بشكل صحيح على منصات مختلفة.
• الترخيص: تحقق مما إذا كان لديك الترخيص اللازم لاستخدام الخط. تأكد من احترام حقوق النشر واستخدام الخطوط بشكل قانوني.

هناك العديد من الموارد حيث يمكنك العثور على خطوط مكتوبة بخط اليد جميلة لموقع الويب الخاص بك. يقدم بعضها خطوطا مجانية ، بينما يتطلب البعض الآخر الشراء أو الاشتراك. استكشف هذه الموارد للعثور على الخط المثالي لموقعك.

من المهم أن تتذكر أن الخط الذي تختاره يجب أن يكون قابلا للقراءة جيدا وأن يتطابق مع التصميم العام لموقعك. تجربة مع خيارات مختلفة واختيار واحد الذي يناسب احتياجاتك وتوقعاتك.

اختيار النمط الصحيح

هناك العديد من العوامل التي يجب مراعاتها عند اختيار خط مكتوب بخط اليد لموقعك. أولا ، يجب أن يكون الخط قابلا للقراءة على أجهزة مختلفة وبأحجام مختلفة. هذا مهم بشكل خاص للأجهزة المحمولة ، حيث يمكن تقليل النص إلى حجم صغير إلى حد ما.

ثانيا ، تحتاج إلى اختيار خط مرتبط بالمحتوى الخاص بك. على سبيل المثال ، إذا كنت تكتب عن الفن أو الإبداع ، فيمكن أن يعكس الخط المكتوب بخط اليد موضوعك ويضيف جوا مناسبا.

يجدر أيضا الانتباه إلى سهولة قراءة الخط. قد تكون بعض الخطوط المكتوبة بخط اليد مزخرفة للغاية أو يصعب قراءتها ، خاصة عند استخدامها في حجم كبير من النص. في مثل هذه الحالات ، من الأفضل اختيار خط بأسلوب أبسط وأكثر قابلية للفهم.

لتحديد خط مكتوب بخط اليد ، يمكنك استخدام الخدمات عبر الإنترنت التي تقدم مجموعات خطوط مجانية. أيضا ، يقوم العديد من المصممين والمطورين بإنشاء الخطوط الخاصة بهم وتقديمها للتنزيل المجاني.

.

• اختر الخط المكتوب بخط اليد المناسب
• تحقق من سهولة قراءتها بأحجام مختلفة
• إضافة خط إلى موقع الويب الخاص بك

حجم الخط واللون

. بناء الجملة لاستخدام هذه الخاصية كما يلي:

محدد {

حجم الخط: القيمة;

}

يمكن أن تكون القيمة قيمة مطلقة أو نسبية لحجم الخط. تحدد القيم المطلقة مثل وحدات البكسل (بكسل) أو النقاط (نقطة) أو المليمترات (مم) حجم الخط المحدد. تحدد القيم النسبية مثل النسب المئوية ( ٪ ) أو م حجم الخط بالنسبة لحجم العنصر الأصل.

}

. بناء الجملة لاستخدام هذه الخاصية كما يلي:

}

1. يمكن أن تكون القيمة اسم لون باللغة الإنجليزية (على سبيل المثال ، أحمر) ، رمز لون سداسي عشري (على سبيل المثال ، #فف0000) ، أو قيمة رغب (على سبيل المثال ، رغب(255 ، 0 ، 0)).
2. على سبيل المثال:
5. ص {
6. اللون: أحمر;

}