شارك المقال

30+ من أفضل خطوط الويب الآمنة لتصميمك التالي في عام 2021

A VPN is an essential component of IT security, whether you’re just starting a business or are already up and running. Most business interactions and transactions happen online and VPN

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

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

هذا هو بالضبط ما تمت كتابة هذا المنشور من أجله: سنغطي 31 خطًا آمنًا للويب أفضل مظهر ونعرض لك بالضبط كيفية تنفيذها في موقع وورد بريس الخاص بك .

استخدم الروابط أدناه للانتقال إلى القسم الذي يثير اهتمامك أكثر ، أو انتقل مباشرةً إلى قائمة خطوط الويب الآمنة الخاصة بنا:

ما هي الخطوط الآمنة للويب؟

بما في ذلك الاختلافات ، هناك أكثر من 650.000 خط مختلف متاح عبر الإنترنت. تعتبر الخطوط التي تدعمها غالبية متصفحات الويب وأنظمة التشغيل آمنة على الويب. يشتمل نظام التشغيل تلقائيًا على ملفات الخطوط ، بحيث لا يضطر الزوار إلى تنزيل الخطوط من خوادمك.

مثال على ذلك هو الخط Arial المنتشر في كل مكان والذي ولد الآلاف من “العناصر الفرعية”.

هل الخطوط الآمنة للويب ضرورية في عام 2021؟

حصة سوق المتصفح 2019-2020

حصة سوق المتصفح 2019-2020 (مصدر الصورة: StatCounter)

بالتأكيد ، تستخدم الغالبية العظمى من المستخدمين الآن Google Chrome ، سواء على الهاتف المحمول أو سطح المكتب. لكن هذا لا يعني أن الخطوط الآمنة للويب أصبحت شيئًا من الماضي.

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

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

هل Google Fonts Web آمن؟

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

تحتوي خطوط الويب الآمنة بالفعل على ملفات خطوط جاهزة على غالبية الأجهزة. لكن لا تقلق بشأن عدم وجود كلمة “آمن”. خطوط Google هي آمنة تماما للاستخدام لتعزيز تصميم موقع الويب الخاص بك. ولكن ، قد تؤدي طلبات HTTP الإضافية إلى خادم خارجي إلى إبطاء سرعة تحميل صفحتك .

هذه الخطوط الآمنة للويب هي أ) مجانية الاستخدام بنسبة 100٪ ✅ و ب) لا تحتاج إلى استضافتها في أي مكان آخر حتى يراها زوارك ✅ ابحث عن جميع الخيارات التي يزيد عددها عن 30 هنا ⬇️

انقر للتغريد

31+ أفضل الخطوط الآمنة للويب

لقد قمنا بتجميع قائمة بأكثر من ثلاثين خطًا مختلفًا وآمنًا للويب يمكنك استخدامها لتصميم موقع الويب الخاص بك.

دعنا نقفز مباشرة إلى ذلك.

1. اريال

الخط arial – خطوط الويب الآمنة

مثال على الخط Arial

Arial هو خط كلاسيكي بلا رقيق ، ومناسب للفقرات والعناوين . لطالما كان عنصرًا أساسيًا في تصميم الويب . على الرغم من أنه غالبًا ما يتم استخدامه في السنوات الأخيرة كبديل في مجموعة الخطوط ، بدلاً من استخدامه كعائلة الخطوط الرئيسية.

مكدس الخطوط الموصى به

عائلة الخطوط: Arial و Helvetica Neue و Helvetica و sans-serif.

2. باسكرفيل

خط baskerville – خطوط الويب الآمنة

مثال على خط Baskerville

Baskerville هو خط سميك نسبيًا ، تم تطويره في الأصل كمحرف بواسطة John Baskerville في عام 1750. التصميم متوازن جيدًا ، باستخدام مزيج من الضربات السميكة والرقيقة لتنعيم الحواف الصلبة لمحرف Serif نموذجي. إنه مدعوم جيدًا من قبل إصدارات Apple و Microsoft OS الأحدث.

مكدس الخطوط الموصى به

عائلة الخطوط: Baskerville ، Baskerville Old Face ، Garamond ، Times New Roman ، serif.

3. Bodoni MT / Bodoni 72

الخط بودوني

مثال على خط Bodoni MT

يعد Bodoni MT خطًا رقيقًا ، مثل Times New Roman ، وهو أكثر ملاءمة لنص الفقرة من العناوين الرئيسية لمعظم مواقع الويب . يتوفر Bodoni MT بشكل افتراضي مع Microsoft 10 وبعض الإصدارات الأقدم. تم تضمين Bodoni 72 في macOS Sierra والإصدارات الأحدث.

مكدس الخطوط الموصى به

عائلة الخطوط: Bodoni MT ، Bodoni 72 ، Didot ، Didot LT STD ، Hoefler Text ، Garamond ، Times New Roman ، serif.

4. كاليبري

خط كاليبري – خطوط الويب الآمنة

مثال على خط Calibri

Calibri هو خط sans serif القياسي من Microsoft ، وقد تم استخدامه منذ إصداره مع Microsoft Office 2007. يتميز بمظهر ناعم وعصري ، مع حواف مستديرة لإضفاء طابع sans serif النموذجي ، مما يجعله أكثر دفئًا من الروبوت.

مكدس الخطوط الموصى به

عائلة الخطوط: Calibri و Candara و Segoe و Segoe UI و Optima و Arial و sans-serif.

5. كاليستو إم تي

الخط كاليستو MT – خطوط الويب الآمنة

مثال على خط Calisto MT

Calisto MT هو خط Serif يحتوي على خطوط رقيق أكثر نعومة وأقل وضوحًا من معظم الخطوط المماثلة. إنه خط قياسي من Microsoft ، مضمن في معظم إصدارات Windows الأحدث. ما يعادل macOS أو iOS هو خط Bookman Old Style.

مكدس الخطوط الموصى به

عائلة الخطوط: Calisto MT ، Bookman Old Style ، Bookman ، Goudy Old Style ، Garamond ، Hoefler Text ، Bitstream Charter ، Georgia ، serif.

6. كامبريا

خط الكامبريا – الخطوط الآمنة للويب

مثال على خط Cambria

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

مكدس الخطوط الموصى به

عائلة الخطوط: كامبريا ، جورجيا ، سيريف.

7. كاندارا

الخط كاندارا

مثال على خط كاندارا

كاندارا هو خط بلا رقيق. إنه جزء من مجموعة خطوط Microsoft ClearType . مكافئ macOS و iOS هو Optima Regular. تجعل أوزان السكتات الدماغية غير المتساوية تشعر بأنها أقل حداثة وفعالية من خطوط sans serif الأخرى.

مكدس الخطوط الموصى به

عائلة الخطوط: Candara و Calibri و Segoe و Segoe UI و Optima و Arial و sans-serif.

8. القرن القوطي

القرن القوطي الخط – خطوط الويب الآمنة

مثال على خط القرن القوطي

Century Gothic هو خط هندسي بلا رقيق ، ذو مظهر نظيف للغاية ومتوازن. إنه خط رائع للويب ، خاصة للعناوين والعناوين الفرعية . تم تصميمه في الأصل للتنافس مع الخط Futura. إنه مضمن في معظم أنظمة تشغيل Microsoft و Apple.

مكدس الخطوط الموصى به

عائلة الخطوط: Century Gothic و CenturyGothic و AppleGothic و sans-serif.

9. كونسولاس

كونسولاس

مثال على خط Consolas

Consolas هو خط sans serif ذو أسلوب فريد في التصميم . جميع الأحرف لها نفس العرض ، وهذا هو السبب في أنها تستخدم الرقيق فقط للحرف “I” والحرف الصغير “l”. إنه جزء من مجموعة ClearType.

مكدس الخطوط الموصى به

عائلة الخطوط: كونسولاس ، موناكو ، مونوسبيس.

10. النحاس القوطي

النحاس القوطي

مثال على الخط القوطي النحاسي

Copperplate Gothic هو خط مستوحى من الطراز القوطي ، يحتوي على رقاقات طفيفة على حروف معينة. نظرًا لأنه مستوحى من الأحرف الرونية القوطية ، لا يتوفر خط صغير.

مكدس الخطوط الموصى به

عائلة الخطوط: Copperplate و Copperplate Gothic Light ، والخيال.

11. ساعي جديد

خط البريد السريع الجديد – الخطوط الآمنة للويب

ساعي مثال على الخط الجديد

Courier New هو خط أحادي المسافة بلاطة ، مع نص عادي أرق بكثير من معظم خطوط serif و sans serif الأخرى. لديها تغطية شبه كاملة من قبل كل من Microsoft و Apple على كل من أجهزة الكمبيوتر والأجهزة المحمولة.

مكدس الخطوط الموصى به

عائلة الخطوط: Courier New ، Courier ، Lucida Sans Typewriter ، Lucida Typewriter ، monospace.

12. Dejavu Sans

dejavu بلا خط

مثال على خط Dejavu Sans

Dejavu Sans هو خط sans serif بخطوط نظيفة ومستقيمة ، وهو ما يشبه تقريبًا خطوط sans الكلاسيكية مثل Arial و Verdana.

مكدس الخطوط الموصى به

عائلة الخطوط: Dejavu Sans و Arial و Verdana و sans-serif.

13. ديدوت

ديدوت الخط

مثال على خط ديدوت

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

مكدس الخطوط الموصى به

عائلة الخطوط: ديدوت ، ديدوت إل تي إس تي دي ، هوفلر تيكست ، جاراموند ، كاليستو إم تي ، تايمز نيو رومان ، سيريف.

14. فرانكلين القوطية

الخط فرانكلين القوطي

مثال على خط فرانكلين القوطي

Franklin Gothic هو خط sans serif بأحرف سميكة بشكل غير عادي ، كما لو كان إصدارًا غامقًا لخط آخر. تم تطوير الخط الأصلي في أوائل القرن العشرين بواسطة American Type Founders. إنه اختيار جيد للخط للعناوين الرئيسية ، ولكنه قد لا يكون خيارًا رائعًا للنص الأساسي .

مكدس الخطوط الموصى به

عائلة الخطوط: Franklin Gothic ، Arial Bold.

15. جاراموند

خط garamond – الخطوط الآمنة للويب

مثال على خط Garamond

Garamond هو خط Serif ، مستوحى من الخطوط التي صنعها النحات الباريسي من القرن السادس عشر ، كلود جاراموند. يحتوي على حواف أكثر نعومة واستدارة من بعض خطوط serif القياسية ، مثل Times New Roman. تتضمن الإصدارات الحديثة من Microsoft و Apple OS الإصدارات الخاصة بها من خط Garamond.

مكدس الخطوط الموصى به

عائلة الخطوط: Garamond ، Baskerville ، Baskerville Old Face ، Hoefler Text ، Times New Roman ، serif.

16. جورجيا

خط جورجيا

مثال على خط جورجيا

تعتبر جورجيا ، وهي قريبة من Garamond ، خطًا رقيقًا آخر مع حواف مستديرة في الغالب وشعور دافئ إلى حد ما. تم تطويره لشركة Microsoft في عام 1996 ولا يزال أحد أكثر خطوط MS انتشارًا. إنه مدعوم من قبل جميع إصدارات Windows و macOS تقريبًا.

مكدس الخطوط الموصى به

عائلة الخطوط: Georgia ، Times ، Times New Roman ، serif.

17. جيل سانس

جيل بلا – خطوط الويب الآمنة

مثال على خط Gill Sans

Gill Sans هو خط sans serif بخطوط حادة ونظيفة تضفي عليه مظهرًا عصريًا. إنها ليست مثالية لنص الفقرة خارج المربع ، بسبب نقص التباين بين الأحرف والتباعد القريب. ولكن كما ترون في نص المثال ، فإنه يصنع عنوانًا رائعًا المظهر. تدعمه معظم الأجهزة التي تعمل بنظام التشغيل iOS و macOS و Windows.

مكدس الخطوط الموصى به

عائلة الخطوط: Gill Sans و Gill Sans MT و Calibri و sans-serif.

18. Goudy Old Style

الخط القديم goudy

مثال على خط Goudy Old Style

Goudy Old Style هو خط رقيق ناعم من الطراز القديم ، مع رقيق قوي وشكل ومظهر من الطراز القديم. تكون الفترات على شكل معين بدلاً من الدوائر المستديرة المثالية المعتادة لمعظم خطوط الرقيق. إنه مضمن في معظم إصدارات Windows الأحدث.

تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟

انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!

إشترك الآن

مكدس الخطوط الموصى به

عائلة الخطوط: Goudy Old Style ، Garamond ، Big Caslon ، Times New Roman ، serif.

19. Helvetica

الخط Helvetica

وثائقي خط Helvetica (المصدر: Kanopy )

ربما يكون Helvetica هو الخط الأكثر شهرة على الإطلاق ، وهو بالتأكيد أحد الخطوط الوحيدة التي لديها فيلم وثائقي خاص بها. إنه خط sans serif حديث ، مستوحى من الخطوط السويسرية والألمانية الحديثة الأخرى من أواخر القرن التاسع عشر وأوائل القرن العشرين.

بدلاً من التصميم الناعم والمستدير والدافئ ، فهو متوازن ويركز على الخطوط والأشكال النظيفة. هذا يجعلها واحدة من الخطوط القليلة المناسبة لكل من نسخة الجسم والعناوين الرئيسية. تشتمل جميع أجهزة Apple على خطوط Helvetica ، بينما يتم تعيين Microsoft افتراضيًا على Arial ، وهو ما يعادل MS.

مكدس الخطوط الموصى به

عائلة الخطوط: Helvetica Neue و Helvetica و Arial و sans-serif.

20. التأثير

تأثير الخط – خطوط الويب الآمنة

مثال على خط التأثير

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

كان جزءًا من الخطوط الأساسية الأصلية  لحزمة الويب في عام 1998. ولا يزال يتم تضمينه ودعمه على نطاق واسع بواسطة أجهزة كمبيوتر وهواتف Apple و Windows حتى يومنا هذا.

مكدس الخطوط الموصى به

عائلة الخطوط: Impact و Charcoal و Helvetica Inserat و Bitstream Vera Sans Bold و Arial Black و sans serif.

21. لوسيدا برايت

الخط لوسيدا مشرق

مثال على خط Lucida Bright

Lucida Bright هو الخط الرقيق في خط Microsoft لخطوط Lucida ، والذي تم تطويره لـ MS في عام 1991. ومن الأشياء التي تجعله مميزًا هو استخدام خطوط أكثر تربيعًا وثباتًا ، على سبيل المثال على الحرفين “T” و “L”. . يتم تضمينه افتراضيًا في معظم الإصدارات الأحدث من Windows ، بينما يشتمل macOS عادةً فقط على خط sans serif Lucida Grande ، مما يجعل جورجيا خطًا احتياطيًا منطقيًا.

مكدس الخطوط الموصى به

عائلة الخطوط: Lucida Bright، Georgia، serif.

22. لوسيدا سانس

خط لوسيدا بلا

مثال على خط Lucida Sans

Lucida Sans هو خط إنساني خالٍ من الرقيق ، مصمم خصيصًا لتكملة الخطوط الرقيقة في خط Lucida. هناك تباين أكبر في وزن الحد مقارنة بالخطوط الخالية من الأنظف مثل Helvetica أو Arial. هذا يجعلها تبدو أقل مستقبلية أو آلية ، وأكثر مرحًا. خارج الصندوق ، إنه خط رائع للعناوين وعبارات الحث على اتخاذ إجراء.

مكدس الخطوط الموصى به

عائلة الخطوط: Lucida Sans و Helvetica و Arial و sans-serif.

23. Microsoft Sans Serif

ms sans serif – خطوط الويب الآمنة

مثال على خط Microsoft Sans Serif

Microsoft Sans Serif هو خط sans serif تم تقديمه لأول مرة مع Windows 2000. إنه خليفة لخط MS Sans Serif ، والذي كان يُعرف أيضًا باسم Helv (اختصار لـ Helvetica). إنه مستوحى من Helvetica ، وهو أسلوب محرف رائد في العصر الحديث .

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

مكدس الخطوط الموصى به

عائلة الخطوط: MS Sans Serif، sans-serif.

24. أوبتيما

Optima – خطوط الويب الآمنة

مثال على خط Optima

Optima هو خط إنساني بلا سيريف ، مع اختلاف في الوزن وتماثل متنوع. وهذا يجعلها تبدو وكأنها مصنوعة يدويًا ، مما يقاوم الإحساس النموذجي الذي يتم إنتاجه بكميات كبيرة لخط sans serif. إنه أحد خطوط Apple sans serif القياسية ويدعمه معظم أجهزة iOS و macOS. ما يعادل Microsoft هو Segoe.

مكدس الخطوط الموصى به

عائلة الخطوط: Optima و Segoe و Segoe UI و Candara و Calibri و Arial و sans-serif.

25. بالاتينو

خط بالاتينو

مثال على خط بالاتينو

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

هل تعاني من مشاكل التوقف و وورد بريس؟ Kinsta هو حل الاستضافة المصمم مع وضع الأداء والأمان في الاعتبار! تحقق من خططنا

يساعد أسلوب التصميم في تنعيم الأحرف الحادة مثل k و l و x و y و z. إنه أيضًا أكثر جرأة قليلاً من خطوط serif الأخرى. يساعد هذان العاملان على الشعور بالدفء قليلاً. يتم تضمين Palatino في غالبية أجهزة Windows و Apple.

مكدس الخطوط الموصى به

عائلة الخطوط: Palatino ، Palatino Linotype ، Palatino LT STD ، Book Antiqua ، Georgia ، serif.

26. Perpetua

الخط الدائم

مثال على خط Perpetua

Perpetua هو خط Serif بتصميم فريد ، تم إنشاؤه في الأصل بواسطة النحات الإنجليزي Eric Gill. هناك تباين حاد في وزن الحد ، على سبيل المثال ، انظر إلى الحرف الصغير “e” أو الرقم “3”. يمنح هذا الخط جودة إبداعية ومرحة تقريبًا. عادة ما يكون خط Windows ، لكن Baskerville ، وهو قريب قريب ، قياسي في معظم أجهزة Apple.

مكدس الخطوط الموصى به

عائلة الخطوط: Perpetua و Baskerville و Big Caslon و Palatino Linotype و Palatino و serif.

27. روكويل

خط روكويل – خطوط الويب الآمنة

مثال على خط روكويل

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

مكدس الخطوط الموصى به

عائلة الخطوط: Rockwell ، Courier Bold ، Courier ، Georgia ، Times ، Times New Roman ، serif.

28. Segoe UI

الخط segoe ui

مثال على خط Segoe UI

Segoe UI هو خط sans serif الرائد لعائلة خطوط Segoe. لا تستخدمه Microsoft فقط في العديد من التطبيقات ولكن أيضًا في العديد من المواد التسويقية لمنتجاتها.

إنه خط حديث ، بأحرف متناظرة واختلاف بسيط في وزن الخط. لا يتم تضمين الخط مع أجهزة كمبيوتر Apple ، ولكن ما يعادله Helvetica Neue متشابه في الشكل والمظهر.

مكدس الخطوط الموصى به

عائلة الخطوط: Segoe UI و Frutiger و Dejavu Sans و Helvetica Neue و Arial و sans-serif.

29. طاهوما

خط تاهوما

مثال على خط Tahoma

Tahoma هو خط sans serif آخر تم تطويره من قبل Microsoft. يحتوي على أحرف أكثر جرأة قليلاً من Segoe UI ويستخدم نقاطًا مربعة لأحرفه الصغيرة وفتراته وعلاماته الأخرى.

إنه خط نظيف وموحد ولن يبدو في غير محله في المحتوى أو العناوين. إنه مضمن في جميع أجهزة Microsoft وجميع أجهزة Apple تقريبًا.

مكدس الخطوط الموصى به

عائلة الخطوط: Tahoma ، Verdana ، Segoe ، sans-serif.

30. Trebuchet MS

trebuchet مللي الخط

مثال على الخط Trebuchet MS

Trebuchet MS هو خط sans serif آخر تم تطويره بواسطة Microsoft. كان أحد الخطوط الأصلية المضمنة في الخطوط الأساسية لحزمة الويب بواسطة Microsoft. لا يزال مدعومًا من قبل جميع أجهزة Microsoft و Apple تقريبًا. الحروف أقل نحافة من العديد من خطوط sans serif الأخرى ، مما يجعلها خيارًا للفقرات والنص الأساسي.

مكدس الخطوط الموصى به

عائلة الخطوط: Trebuchet MS ، Lucida Grande ، Lucida Sans Unicode ، Lucida Sans ، sans-serif.

31- فيردانا

خط فيردانا – خطوط الويب الآمنة

مثال على خط فيردانا

يعد Verdana ، وهو خط نظيف بدون serif ، عنصرًا أساسيًا آخر من Microsoft موجود منذ عام 1996. وزن الحد منخفض إلى حد ما بالنسبة إلى sans serif ، مما يؤدي إلى ظهور أحرف نحيفة وسهلة القراءة. يمكنك استخدامه لكل من نص الفقرة والعناوين دون مشكلة. إنه مدعوم من قبل جميع أجهزة Apple و Windows تقريبًا.

مكدس الخطوط الموصى به

عائلة الخطوط: Verdana، Geneva، sans-serif.

خطوط مخطوطة آمنة للويب

إذا كنت تريد استخدام خط متصل آمن للويب ، فليس لديك الكثير من الخيارات للاختيار من بينها. خاصة:

السيناريو Segoe

غضب

سيناريو MT

سنيل راوندهاند

خط لوسيدا

لا توجد أي خطوط متصلة مدعومة عالميًا عبر أجهزة Apple و Microsoft. يجب أن تفكر في أن استخدام خط متصل للنص الأساسي الخاص بك قد لا يكون فكرة رائعة ، حيث أن سهولة القراءة جزء كبير من سهولة استخدام موقع الويب .

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

خطوط الويب الآمنة بلا Serif

تعني كلمة Sans “بدون” بالفرنسية ، لذا فإن كلمة sans serif تعني في الأساس “بدون serif”. الرقيق هو خط أو حد يُضاف إلى حد أطول في الحرف. على سبيل المثال ، الخطوط الرأسية الصغيرة الموجودة أسفل الخط العلوي في حرف “T” الكبير ، وهو أمر شائع في عناوين الصحف أو المجلات. تعد خطوط Sans serif هي الأكثر شيوعًا وشعبية على الويب ، لذلك لديك الكثير من الخيارات للاختيار من بينها:

اريال

كاليبري

كاندارا

القرن القوطية

كونسولاس

ديجافو سانس

فرانكلين جوثيك

جيل سانس

هيلفيتيكا

لوسيدا سانس

MS Sans Serif

نويه هيلفيتيكا

أوبتيما

واجهة المستخدم Segoe

تاهوما

Trebuchet MS

فيردانا

أين يمكن تنزيل Web Safe Fonts؟

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

لكن ثق بنا ، فالأمر ليس بالصعوبة التي قد تتصورها. سنرشدك خلال العملية خطوة بخطوة في القسم التالي.

كيفية إضافة خطوط الويب الآمنة إلى موقع الويب الخاص بك على وورد بريس

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

قم بالوصول إليه بالنقر فوق ارتباط المظهر> تخصيص في القائمة ، ثم توسيع علامة التبويب CSS الإضافية.

مخصص css

مُخصص وورد بريس – CSS إضافي

ثم تحتاج إلى استخدام Chrome Dev Tools (أو أداة مشابهة لمتصفح آخر) لتحديد محددات النص الذي تريد تغييره.

على سبيل المثال ، يمكنك فحص عنوان منشور المدونة الخاص بك :

عائلة الخطوط تفحص أدوات تطوير الكروم

أدوات Chrome Dev – فحص

يمكننا أن نرى أن الموضوع يستخدم محدد “إدخال-عنوان” للعنوان. يمكنك أيضًا البحث عن السمة “font-family” لمعرفة كيفية تصميم السمة للنص ، وعلى أي مستوى.

نظرًا لأن Twenty Twenty لا يستخدم خطًا معينًا للعناوين الرئيسية ، يمكنك بسهولة تعديل خط العنوان من خلال استهداف محدد “عائلة الخطوط”.

على سبيل المثال ، إذا أردنا تغيير العنوان إلى الخط Impact ، فيمكننا استخدام الكود التالي:

h1.entry-title { font-family: Impact, Charcoal, “Helvetica Inserat”, “Bitstream Vera Sans Bold”, “Arial Black”, sans-serif; }

ما عليك سوى إضافته إلى CSS الإضافي والنقر على “نشر” لدفع تغييراتك مباشرة.

الخط الجديد عشرين موضوع مخصص

WP Customizer – خط عنوان جديد

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

على سبيل المثال ، إذا كنت تستخدم علامة النمط في مستندات HTML لتطبيق كود CSS على كل صفحة ، فيمكنك تحرير سمة عائلة الخطوط هناك.

تحرير عائلة الخطوط

محدد خط CSS للجسم

إذا كنت تريد تغيير الخط لكل النص في الصفحة ، فيجب أن تستهدف محدد “النص الأساسي”. إذا كنت تريد تغيير الخط لنص معين ، فأنت بحاجة إلى استخدام محدد محدد.

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

في هذه الحالة ، تحتاج إلى العثور على ملف ورقة الأنماط (يُسمى عادةً style.css أو بعض الأشكال المختلفة لذلك). ثم تحتاج إلى العثور على القسم الذي يتحكم في الخطوط ومحارف موقعك.

تحرير ورقة أنماط عائلة الخط

مثال على ورقة أنماط CSS

عادة ، يتم ذلك باتجاه القمة. إذا لم يكن كذلك ، يمكنك البحث عن “عائلة الخطوط” باستخدام محرر الكود الذي تختاره.

هل تعلم أن التبديل إلى الخطوط الآمنة للويب يمكن أن يؤدي إلى تسريع موقع الويب الخاص بك؟ 🚀 وأن 70٪ من المستهلكين يقولون أن سرعة الصفحة تؤثر على قراراتهم الشرائية؟ 😱 سببان رئيسيان للتحقق من هذه القائمة التي تضم أكثر من 30 خطًا آمنًا للويب ⬇️

انقر للتغريد

ملخص

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

مع مجموعة متنوعة من خطوط serif و sans serif و monospace وحتى الخطوط المخطوطة المتوفرة مجانًا ، تعد خطوط الويب الآمنة مكانًا رائعًا للبدء عند إنشاء موقع.

تعمل الخطوط المثالية على إبراز علامتك التجارية وتحسين قابليتها للقراءة ودعم رسالتك. اختر بحكمة!

وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:

مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.

تكامل Cloudflare Enterprise.

يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.

التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.

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

توضيح

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

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

أرسل تصحيح

شاركنا رايك وتقييمك للموضوع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}