المحرف هو مجموعة من الأحرف من نفس الخط. في هتمل ، يمكننا استخدام محارف مختلفة لعناصر النص لدينا. يمنحنا هذا التنوع الفرصة لإنشاء صفحات ويب جذابة وفريدة من نوعها.
في مستند هتمل ، يمكننا تحديد نوع الخط لعنصر النص باستخدام سمات الخط. يتم تعريف هذه السمات في علامة نمط هتمل. يمكن أن تكون المحارف إما قياسية (أريال ، تايمز نيو رومان ، فيردانا) أو مخصصة ، يتم تنزيلها من الإنترنت.
من المهم ملاحظة أن استخدام المحارف المخصصة قد يتسبب في بعض مشكلات التوافق ، حيث قد لا يتم تثبيتها على أجهزة كمبيوتر المستخدمين. لذلك ، يوصى باستخدام محارف النظام القياسية لإنشاء موقع عبر المتصفح.
في هتمل ، يمكننا تحديد نوع الخط لعنصر النص باستخدام خاصية عائلة الخط. على سبيل المثال ، لتحديد أنه يجب كتابة النص بخط أريال ، يمكننا استخدام الكود التالي:
- تحديد نوع الخط أتش تي أم أل
- لماذا أحتاج إلى محرف الخط أتش تي أم أل?
- كيفية استخدام الخط أتش تي أم أل محرف
- اختيار نوع الخط المناسب
- توصيل محرف بصفحة ويب
- مزايا استخدام محرف الخط أتش تي أم أل
- تحسين مظهر صفحة الويب
تحديد نوع الخط أتش تي أم أل
يسمح لك بتحديد الأنماط للصفحة بأكملها.
يمكن استخدام العديد من الخصائص لتحديد نوع الخط في هتمل ، بما في ذلك:
- : تحديد اسم نوع الخط أو قائمة أنواع الخطوط التي يجب استخدامها لعرض النص;
- : يحدد حجم الخط;
- : يحدد ما إذا كان هناك نمط غامق للخط أم لا;
- : يحدد نمط الخط ، مثل مائل أو مائل.
مثال على استخدام محرف في هتمل:
في المثال أعلاه ، نوع الخط هو
أريال ، بلا شريف
يتم تعيين لفقرة باستخدام
سمة النمط
. بالإضافة إلى ذلك ، يتم تحديد حجم خط 14 بكسل ونمط غامق.
يسمح استخدام محرف في هتمل لمطوري الويب بإنشاء مظهر فريد وجذاب للنص على صفحة الويب.
- لماذا أحتاج إلى محرف الخط أتش تي أم أل?
- في الختام ، يعد محرف هتمل أداة مهمة لإنشاء تصميم صفحة ويب فريد وأنيق. يسمح لك باختيار الخط الذي يناسب أهداف المشروع ويخلق أفضل انطباع مرئي للزوار.
- استخدام الخطوط الافتراضية: يوفر هتمل عددا من الخطوط التي يمكن استخدامها دون التثبيت المسبق. بعض منهم تشمل أريال ، هلفتيكا ، تايمز نيو رومان و كوريير نيو. لاستخدام الخط الافتراضي ، حدد اسمه في خاصية" عائلة الخط " لعنصر أو نمط ، على سبيل المثال:
يوفر محرف الخط هتمل أيضا التوافق عبر المتصفح. نظرا لأن المتصفحات المختلفة قد لا تدعم نفس الخطوط ، فإن استخدام محرف خط هتمل يتأكد من عرض النص نفسه على جميع الأجهزة وفي جميع المتصفحات.
كيفية استخدام الخط أتش تي أم أل محرف
مثال على النص مع الخط أريال
- استخدام الخطوط الخارجية: يمكنك أيضا استخدام الخطوط الخارجية غير القياسية لأتش تي أم أل. هناك عدد من الطرق للقيام بذلك ، ولكن الطريقة الأكثر شيوعا هي توصيل خط باستخدام كس. على سبيل المثال ، يمكنك استخدام خطوط جوجل أو خدمات الخط السنجاب لتحديد وتنزيل الخطوط الخارجية ، ثم توصيلها برمز هتمل الخاص بك. مثال على استخدام خط خارجي عبر خطوط جوجل:
استيراد الخط: إذا كنت ترغب في استخدام الخطوط الخاصة بك ، يمكنك استيرادها إلى رمز هتمل الخاص بك. للقيام بذلك ، استخدم قاعدة @الخط الوجه في كس ، حيث يمكنك تحديد المسار إلى ملف الخط. على سبيل المثال:
يمكن أن يؤثر اختيار نوع الخط بشكل كبير على مظهر وإدراك محتوى صفحة الويب الخاصة بك. ضع في اعتبارك أن استخدام الخطوط غير القياسية يمكن أن يبطئ تحميل الصفحة ، لذا ضع ذلك في الاعتبار عند اختيار الخطوط واستخدامها على موقعك.
| اختيار نوع الخط المناسب | عند اختيار محرف لموقع الويب الخاص بك ، من المهم مراعاة عدة عوامل لضمان تجربة قراءة مريحة وتصميم جذاب. |
|---|---|
| نمط النص: حدد أهداف موقع الويب الخاص بك واختر الخطوط التي تعكس أسلوبه ومزاجه. على سبيل المثال ، ستكون الخطوط الكلاسيكية والمهنية مناسبة لمواقع الشركات الجادة ، بينما يمكن استخدام المزيد من الخطوط التجريبية وغير القياسية للمشاريع الإبداعية. |
سهولة القراءة: اختر الخطوط التي تقرأ جيدا على أجهزة مختلفة وبأحجام مختلفة. تأكد من أن الخط يحتوي على مخططات واضحة ويبدو رائعا على كل من الشاشة والمنتجات المطبوعة.
التوافق: ضع في اعتبارك توافق نوع الخط المحدد مع أنظمة التشغيل والمتصفحات المختلفة. في بعض الأحيان قد يكون من الضروري استخدام خطوط بديلة أو خطوط ويب لضمان مظهر موحد على جميع الأجهزة والأنظمة الأساسية.
или в отдельный CSS файл:| إمكانية الوصول: من المهم اختيار الخطوط المتاحة للاستخدام على مواقع الويب. استخدم الخطوط مع ترخيص يسمح لك باستخدامها تجاريا ووفقا للقانون. | باستخدام هذه التوصيات ، ستتمكن من اختيار نوع الخط المناسب لموقعك على الويب ، مما يعكس أسلوبه الفريد ويوفر تجربة قراءة مريحة للمستخدمين. |
|---|---|
توصيل محرف بصفحة ويب | غالبا ما تستخدم صفحات الويب خطوطا مختلفة لإنشاء مظهر جمالي وفريد من نوعه. يسمح لك محرف خط هتمل بإضافة خطوط مخصصة إلى صفحة ويب قد تختلف عن مجموعة الخطوط القياسية المثبتة مسبقا في المتصفح. |
في هتمل ، هناك عدة طرق لربط المحارف إلى صفحة ويب. واحدة من أكثر الطرق شيوعا هي استخدام ملفات الخطوط الخارجية. للقيام بذلك ، تحتاج إلى تنزيل ملفات الخطوط بتنسيقات مناسبة ، مثل .ووف أو .الصناديق ، ووضعها على الخادم التي يمكن الوصول إليها. ثم ، في ملف هتمل ، تحتاج إلى إضافة التعليمات البرمجية التالية إلى العلامة: | بناء الجملة |
الوصف | يربط ملف خط بصفحة ويب |
يجب تحديد المسار إلى ملف الخط في السمة" هريف". بعد توصيل ملف الخط ، يصبح متاحا للاستخدام في قواعد كس. لتطبيق خط على عنصر معين على صفحة ويب ، يجب عليك استخدام خاصية كس المناسبة.
على سبيل المثال ، لتطبيق خط الخط المسمى "ميفونت" إلى عنصر مع معرف "ميتكست" ، تحتاج إلى إضافة التعليمات البرمجية التالية إلى كتلة
بناء الجملة
الوصف
# نصتي {
يحدد أنه سيتم تطبيق النمط على العنصر مع معرف "ميتكست"
الخط الأسرة: 'ميفونت' ، بلا الرقيق;
تعيين نوع الخط مع اسم "ميفونت"
}
يغلق كتلة النمط
يستخدم هذا المثال خط الخط" ميفونت " المحدد في ملف الخط المرفق سابقا. إذا كان الخط " ميفونت "غير متوفر ، فإن المتصفح استخدام الخط" بلا الرقيق " (بلا الرقيق) كبديل.
وبالتالي ، فإن توصيل محرف بصفحة ويب يسمح لك بالتحكم في مظهر النص وإنشاء تصميم فريد لموقعك.
مزايا استخدام محرف الخط أتش تي أم أل
محرف في هتمل هو مجموعة من الخطوط التي يمكن استخدامها لتغيير مظهر النص على صفحة ويب. يوفر استخدام محرف خط هتمل عددا من المزايا التي تساعد على تحسين إمكانية قراءة النص ومظهره.
1. اختيار الخط المتقدم:
هتمل يسمح لك للاختيار من بين مجموعة متنوعة من المحارف التي يمكن استخدامها على صفحة ويب. يتيح ذلك لمطوري الويب اختيار الخط الذي يناسب النمط والمزاج المحددين للمحتوى.
| 2. تحسين القراءة: |
يمكن أن يؤدي اختيار نوع الخط الصحيح إلى تحسين إمكانية قراءة النص على صفحة الويب بشكل كبير. تم تصميم بعض الخطوط خصيصا للقراءة على الشاشة ، مما يجعل النص أكثر قابلية للفهم والقراءة للمستخدمين.
| 3. القدرة على خلق نمط فريد من نوعه: | باستخدام محرف الخط هتمل يجعل من الممكن لخلق نمط فريد ومظهر صفحة ويب. يمكن أن يساعد اختيار الخط الصحيح في إبراز النص وجعله أكثر جاذبية للمستخدمين. | 4. زيادة الوعي بالعلامة التجارية: | يساعد استخدام محرف موحد في جميع أنحاء موقع الويب على تحسين الوعي بالعلامة التجارية وإنشاء نمط مرئي موحد. هذا مهم بشكل خاص للعلامات التجارية التي ترغب في نقل تفردها وهويتها من خلال ظهور نصها. |
بشكل عام ، يعد استخدام محرف هتمل طريقة فعالة لتحسين مظهر وأسلوب النص على صفحة الويب. يمكن أن يساعد اختيار الخط الصحيح في إنشاء محتوى جذاب وقابل للقراءة يسهل على المستخدمين قراءته وتذكره.
| تحسين مظهر صفحة الويب |
واحدة من الأدوات الرئيسية التي تسمح لك بتحسين مظهر صفحة الويب هي خط الخط. يحدد نوع الخط الخط الذي سيتم استخدامه لعرض النص على الصفحة. يمكنك اختيار خط يطابق نمط صفحتك ويعزز سهولة القراءة.
| من أجل استخدام محرف ، يمكنك استخدام علامة مع نوع="النص/كس" السمة. على سبيل المثال: | // توصيل سماعة رأس روبوتو فونت | بمجرد توصيل خط الخط ، يمكنك استخدامه في رمز كس الخاص بك. على سبيل المثال: | ص { |
| الخط الأسرة: 'روبوتو' ، بلا الرقيق; | // استخدام محرف خط روبوتو لجميع الفقرات | } | يمكنك أيضا استخدام محارف متعددة في نفس الصفحة لإنشاء تصميم أكثر تنوعا. على سبيل المثال: |
// توصيل مجموعة خطوط روبوتو وفتح بلا