تلعب الخطوط دورا مهما في إنشاء الجماليات المرئية لأي نص أو مستند. يمكنهم المساعدة في إبراز المعلومات الأساسية أو جعل القراءة أكثر ملاءمة أو إبراز ميزات المحتوى. أحد الخطوط غير العادية والمثيرة للاهتمام التي أصبحت شائعة مؤخرا هو الخط الذي تم تفريغه.
الخط المتناثر هو نمط يكون فيه للأحرف مساحة كبيرة بينهما ، مما يعطي انطباعا بالخفة والأناقة. إنه يختلف عن الخط العادي في أن كل حرف يبدو أكثر رشاقة وجيدة التهوية. يرغب العديد من الأشخاص في استخدام خط متفرق لأغراض مختلفة ، سواء كان إنشاء شعار أو تصميم صفحة ويب أو تنسيق نص في مستند.
في هذه المقالة ، ونحن سوف اقول لكم كيفية تغيير الخط العادي إلى واحد تفريغها. لن تحتاج إلى أي برامج خاصة أو مهارات تصميم. ما عليك سوى اتباع التعليمات أدناه ويمكنك بسهولة تطبيق هذا النمط على النص الخاص بك.
- قبل أن تبدأ
- ما هو الخط متفرق?
- اختيار الخط
- كيف يمكنني اختيار الخط المناسب?
- تثبيت الخط
- طرق لتثبيت خط تفريغها
- إعداد النص
- تغيير الحجم وتباعد الأسطر
قبل أن تبدأ
قبل البدء في تغيير الخط العادي إلى صفحة ويب متفرقة ، تأكد من أن لديك حق الوصول لتحرير شفرة هتمل للصفحة. سوف تحتاج إلى فتح الملف مع رمز صفحة الويب الخاصة بك وإجراء التغييرات اللازمة.
يوصى أيضا بعمل نسخة احتياطية من صفحة الويب الخاصة بك قبل البدء ، بحيث يمكن استعادة شفرة المصدر في حالة حدوث خطأ.
لتغيير الخط إلى واحد متفرق ، يمكنك استخدام أنماط كس أو تطبيق جدول أحرف ونيكود. نقترح استخدام جدول أحرف يونيكود ، لأن هذه طريقة بسيطة وفعالة لتحقيق النتيجة المرجوة.
في جدول الأحرف يونيكود ، يمكنك العثور على خيارات الخط المختلفة ، بما في ذلك تلك متفرق. حدد الرمز بالخط المطلوب وانسخ رمز الرمز من الجدول.
| الخط | رمز حرف يونيكود |
|---|---|
| خط متفرق | يو + 200ج |
بعد نسخ رمز الرمز ، الصقه في المكان المناسب في شفرة هتمل لصفحة الويب الخاصة بك. يمكنك إدراج حرف في علامة أو علامة أخرى تريد تغييرها.
بعد إجراء جميع التغييرات اللازمة ، احفظ ملف هتمل وقم بتحديث صفحة الويب الخاصة بك في المتصفح. يجب أن ترى أن الخط العادي قد تم تغييره إلى خط متفرق.
ما هو الخط متفرق?
غالبا ما يستخدم الخط المتناثر في التصميم ، خاصة عند إنشاء الشعارات والعناوين والشعارات. إنه يعطي تفرد النص ويختلف عن الخط العادي الذي تكون فيه الأحرف أقرب إلى بعضها البعض.
لإنشاء خط متفرق ، تحتاج إلى تطبيق إعدادات معينة على الخط. تتمثل إحدى الطرق في استخدام جدول يحتوي على خلايا يمكنك من خلالها تعيين مسافات بادئة بين الأحرف أو تعيين عرض خلية أوسع لجعل النص يبدو أكثر تهوية.
اختيار الخط
عند اختيار خط لتغييره إلى خط تم تفريغه، يجب مراعاة عدة عوامل:
- سهولة القراءة. يجب أن يكون الخط واضحا ومقروءا بحيث يمكن إدراك النص بسهولة.
- جماليات. يجب أن يكون الخط متناغما مع بقية التصميم ولا يسبب عدم الراحة عند القراءة.
- التوفر. يجب أن يكون الخط متاحا على أجهزة وأنظمة تشغيل مختلفة.
هناك العديد من الخطوط التي يمكن استخدامها لإنشاء نص متفرق. تتضمن بعض الخيارات الشائعة ما يلي:
- أريال
- فيردانا
- هلفتيكا
- بروكسيما نوفا
- روبوتو
يعتمد اختيار خط معين على تفضيلاتك ومتطلبات التصميم. فمن المستحسن لاختبار الخطوط المختلفة واختيار واحد الذي هو الأكثر ملاءمة للمشروع الخاص بك.
كيف يمكنني اختيار الخط المناسب?
هناك العديد من العوامل الرئيسية التي يجب مراعاتها عند اختيار الخط:
| نمط | يجب أن يتطابق الخط مع النمط العام لموقع الويب وأن ينقل الانطباع المقصود. على سبيل المثال ، بالنسبة لموقع أكاديمي جاد ، من الأفضل اختيار خط كلاسيكي ومهني ، وبوابة ألعاب — خط أكثر غرابة وإبداعا. |
| سهولة القراءة | المعيار الرئيسي لاختيار الخط هو سهولة قراءته. يجب أن يكون الخط سهل القراءة ومفهوما للمستخدمين من جميع الفئات العمرية ولديهم تجارب بصرية مختلفة. من المهم التحقق من أن النص الموجود على الصفحة يبدو جيدا وسهل القراءة بأحجام خطوط مختلفة. |
| قابلية الدمج | قد يكون الحل الجيد هو اختيار العديد من الخطوط المتوافقة التي ستقدم النص على موقع الويب الخاص بك بشكل أكثر جمالية ، وبعض المعلومات الفردية بشكل أكثر تعبيرا. يمكنك دمج الخطوط باستخدام ، على سبيل المثال ، خط واحد للعناوين وآخر للمحتوى الرئيسي. |
| التوفر | أحد المتطلبات الأساسية التي يجب أخذها في الاعتبار عند اختيار الخط هو إمكانية الوصول إليها لجميع المستخدمين ، بما في ذلك الأشخاص ذوي الإعاقات البصرية. من الأفضل اختيار الخطوط التي يمكن قراءتها عند زيادة الحجم وعند تغيير لون الخلفية. |
باتباع هذه التوصيات ، يمكنك اختيار الخط الأنسب لصفحة الويب ، والذي سيتم دمجه مع بقية التصميم وضمان سهولة قراءة النص.
تثبيت الخط
1. افتح مستند هتمل الذي تريد تثبيت الخط الذي تم إلغاء تحميله فيه.
2. الصق الكود التالي في قسم المستند:
| كود | الوصف |
|---|---|
| توصيل ملف خط خطوط جوجل |
استبدل" الاسم+الخط " في الكود باسم الخط الذي تم تفريغه المطلوب. يمكنك تحديد خط من جوجل الخطوط ونسخ اسمها من شريط العناوين.
مثال على توصيل خط ضوء روبوتو تم تفريغه:
| كود | الوصف |
|---|---|
| توصيل ضوء روبوتو تفريغها |
3 الخط. الصق الكود التالي في القسم
вашего документа:| كود | الوصف |
|---|---|
الجسم { الخط الأسرة: "اسم الخط" ، بلا الرقيق؛} | تطبيق الخط المحدد على النص بأكمله على الصفحة |
استبدل" اسم الخط " في الكود باسم الخط الذي تم تفريغه المطلوب. تأكد من تطابق اسم الخط مع الاسم المحدد في رمز اتصال الخط في القسم.
مثال على استخدام خط ضوء روبوتو تفريغها:
| كود | الوصف |
|---|---|
الجسم { الخط الأسرة :" روبوتو مونو" ، بلا الرقيق؛} | تطبيق خط ضوء روبوتو متفرق على النص بأكمله على الصفحة |
4. حفظ وتحديث وثيقة هتمل. الآن سيتم تفريغ الخط على صفحتك.
طرق لتثبيت خط تفريغها
هناك العديد من الطرق التي تسمح لك بتثبيت خط متفرق على صفحة ويب. دعونا ننظر إلى بعض منهم:
1. باستخدام خاصية كس من تباعد الحروف
لتغيير تباعد الحروف في النص ، يمكنك استخدام خاصية تباعد الحروف في كس. باستخدام هذه الخاصية ، يمكنك تعيين المسافة الدورية بين كل زوج من الأحرف.
على سبيل المثال ، لتعيين خط متفرق بقيمة فاصل زمني 0.1 م ، يمكنك استخدام التعليمات البرمجية التالية:
"'المغلق
سبان {
تباعد الحروف: 0.1 م;
}
```
2. استخدام خطوط الويب الخاصة
تحتوي بعض خطوط الويب على متغيرات خطوط غير محملة في مجموعتها. عند تحميل مثل هذا الخط إلى صفحة ويب ، يمكنك تطبيقه على العنصر المطلوب.
لتثبيت خط تم تفريغه باستخدام خط ويب ، يجب عليك:
- الحصول على رمز لربط الخط باستخدام خدمات مثل الخطوط جوجل;
- أضف هذا الرمز إلى صفحة الويب;
- استخدم عائلة الخطوط لخط الويب المقابل في خاصية عائلة الخط.
3. استخدام وحدات ومكتبات خاصة
هناك العديد من الوحدات والمكتبات التي تقدم أدوات إضافية للعمل مع النص على صفحة الويب. يوفر بعضها القدرة على التحكم في تباعد الأحرف ومعلمات الخط الأخرى.
على سبيل المثال ، وحدة الطباعة.شبيبة يسمح لك لاستخدام مختلف خوارزميات تخفيف الخط ، فضلا عن إنشاء مجموعات قاعدة مخصصة لعناصر مختلفة.
باستخدام هذه الطرق ، يمكنك تثبيت خط تم تفريغه بسرعة وسهولة على صفحة الويب الخاصة بك وإنشاء تصميم فريد للمحتوى الخاص بك.
إعداد النص
لتغيير الخط العادي إلى خط متفرق ، ستحتاج إلى اتباع الخطوات التالية:
- حدد عنصر النص المطلوب الذي تريد تنسيقه.
- إلى العنصر المحدد.
- لتخفيف أقوى.
- .
:
في هذا المثال ، يتم تطبيق تخفيف نص 0.1 إم على العناصر
. يمكنك تغيير قيمة العقار
تباعد الحروف
وفقا لاحتياجاتك. ضع في اعتبارك أن تعيين قيم التخفيف عالية جدا قد يجعل من الصعب قراءة النص.
تغيير الحجم وتباعد الأسطر
لتغيير حجم النص ، يمكنك استخدام العلامة مع سمة النمط. على سبيل المثال ، لزيادة حجم النص بمقدار 2 نقطة ، استخدم التعليمات البرمجية التالية:
يمكنك أيضا استخدام القيم النسبية ، على سبيل المثال: