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