استخدم هذه الخطوط HTML الموثوق بها على صفحات الويب الخاصة بك
إن العثور على كومة خطية جيدة تعكس نمط موقعك على الويب ، ولكن يمكن الاعتماد عليه عبر غالبية مواقع الويب التي يمكن أن تكون خادعة. إذا كنت تستخدم خطوطًا آمنة بخلاف الويب ، فقد لا يبدو موقع الويب الخاص بك كما تريده عندما يستبدل المتصفح شيئًا مفاجئًا لخطك المزخرف.
يتم فصل هذه المداخن الخطية بواسطة عائلة (serif ، monospace ، إلخ). عند استخدام خط ليس خطًا آمنًا على الويب ، يجب وضعه أولاً في مكدس الخط الخاص بك ، ثم إضافة أحد هذه الكدسات إلى النهاية.
اختر مجموعة الخطوط الأقرب في النمط وانتقل إلى خطك المفضل.
Sans Serif Web Safe Font Stacks
نص Sans serif جيد للقراءة على صفحات الويب لأنه لا توجد أي serifs إلى ضبابية على الشاشة.
font-family: Arial، Helvetica، sans-serif؛
font-family: 'Arial Black'، Gadget، sans-serif؛
font-family: Impact، Charcoal، sans-serif؛
font-family: 'MS Sans Serif'، Geneva، sans-serif؛
font-family: Tahoma، Geneva، sans-serif؛
font-family: 'Trebuchet MS'، Helvetica، sans-serif؛
font-family: Verdana، Geneva، sans-serif؛
Serif Web Safe Font Stacks
تعمل الخطوط Serif بشكل رائع للعناوين الرئيسية. نوع أكبر من العناوين الرئيسية يعني أن serifs لن تصبح ضبابية على الشاشات.
font-family: 'Book Antiqua'، 'Palatino Linotype'، Palatino، serif؛
font-family: Bookman، serif؛
font-family: Georgia، serif؛
font-family: 'MS Serif'، 'New York'، serif؛
font-family: 'Times New Roman'، Times، serif؛
Monospace Font Stacks
تستخدم خطوط Monospace عادةً لتقديم التعليمات البرمجية والنوع الآخر الذي يبدو أفضل في الخط حيث تكون جميع الأحرف بنفس العرض - مثل خطوط الآلة الكاتبة.
font-family: Courier، monospace؛
font-family: 'Courier New'، Courier، monospace؛
font-family: 'Lucida Console'، Monaco، monospace؛
عرض أمثلة مكدس الخط monospace.
مخطوطة الخط الأكوام
يمكن أن يكون من الصعب قراءة الخطوط المخطوطة ، وأكثرها شيوعًا في معظم الأنظمة (Comic Sans) لا يعجبها عدد كبير من الأشخاص.
font-family: 'Comic Sans MS'، cursive؛
Fantasy Font Stacks
مثل الخطوط المخطوطة ، من الصعب قراءة الخطوط الخيالية ، وهي أقل شيوعًا في معظم الأنظمة. في الواقع ، قد تلاحظ أنني أستخدم نفس كومة الخط كتلك التي استخدمتها أعلاه في فئة sans serif ، وذلك لأن التأثير والفحم المميز جدًا حتى أن بعض الناس يعتبرونه خيالًا خياليًا.
font-family: Impact، Charcoal، fantasy؛
Dingbats ، Wingdings ، أو Symbol Font Stacks
Dingbats أو wingdings هي خطوط الرموز التي تعرض أيقونات أو صور صغيرة بدلا من الحروف. لا يوجد نوع خط عام لهذين ، ولذلك قد تعرض بعض أجهزة الكمبيوتر خطوط مختلفة تمامًا مما تتوقع. بالإضافة إلى ذلك ، سيقوم Internet Explorer فقط بعرض الرموز. يقوم فايرفوكس والمتصفحات الأخرى ببساطة بعرض النص في الخط الافتراضي للمتصفح.
font-family: Symbol؛
font-family: Webdings؛
font-family: Wingdings، 'Zapf Dingbats'؛