الطباعة على الويب

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

لضمان حصول جميع مستخدمي الإنترنت على مجموعة أساسية من الخطوط، أطلقت مايكروسوفت مبادرة الخطوط الأساسية للويب عام ١٩٩٦ (والتي انتهت عام ٢٠٠٢). وتشمل الخطوط المتاحة Arial و Courier New و Times New Roman و Comic Sans و Impact و Georgia و Trebuchet و Webdings و Verdana ، وذلك بموجب اتفاقية ترخيص المستخدم النهائي التي سمحت بتوزيعها بحرية مع تقييد بعض حقوق استخدامها. وقد جعلها انتشارها الواسع عنصرًا أساسيًا لمصممي مواقع الويب. ومع ذلك، لا تتضمن معظم توزيعات لينكس هذه الخطوط افتراضيًا.

سعت CSS2 إلى زيادة الأدوات المتاحة لمطوري الويب من خلال إضافة توليف الخطوط، وتحسين مطابقة الخطوط، وإمكانية تنزيل الخطوط عن بُعد. ^{[ 3 ]}

تمت إزالة بعض خصائص الخطوط في CSS2 من CSS2.1 ثم أُضيفت لاحقًا إلى CSS3. ^{[ 4 ] [ 5 ]}

تسمح مواصفات CSS بإدراج عدة خطوط كخطوط احتياطية. ^{[ 6 ]} في CSS، font-familyتقبل الخاصية قائمة بأنواع الخطوط مفصولة بفواصل، كما يلي:

font-family : "Nimbus Sans L" , Helvetica , Arial , sans-serif ;

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

لمنح مصممي المواقع الإلكترونية بعض التحكم في مظهر الخطوط على صفحاتهم، حتى في حال عدم توفر الخطوط المحددة، تسمح مواصفات CSS باستخدام عدة عائلات خطوط عامة. صُممت هذه العائلات لتقسيم الخطوط إلى فئات متعددة بناءً على مظهرها العام. وعادةً ما تُحدد كخيار أخير ضمن سلسلة من الخطوط البديلة، في حال عدم توفر أي من الخطوط التي حددها المصمم. ولعدة سنوات، كانت هناك خمس عائلات خطوط عامة: ^{[ 6 ]}

سان سيريف

الخطوط التي لا تحتوي على علامات زخرفية، أو زوائد، على حروفها. غالباً ما تعتبر هذه الخطوط أسهل في القراءة على الشاشات. ^{[ 7 ]}

Serif

الخطوط التي تحتوي على علامات زخرفية، أو حروف ذات زوائد، على حروفها. تُستخدم هذه الخطوط تقليديًا في الكتب المطبوعة.

المسافة الأحادية

الخطوط التي تكون فيها جميع الأحرف متساوية العرض.

الخط المائل

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

خيالي

الخطوط التي قد تحتوي على رموز أو خصائص زخرفية أخرى، ولكنها لا تزال تمثل الحرف المحدد.

اعتبارًا من فبراير 2024تقترح مجموعة عمل CSS التابعة لـ W3C أن تحدد الأنظمة خطًا افتراضيًا باستخدام uiالوسوم؛ ^{[ 8 ]} وحتى التاريخ نفسه، لم يتم دعم هذه الوسوم على نطاق واسع بعد. ^{[ 9 ]}

• واجهة المستخدم النظامية

  الخطوط الافتراضية على نظام معين: الغرض من هذا الخيار هو السماح لمحتوى الويب بالتكامل مع مظهر وشكل نظام التشغيل الأصلي.

• ui-serif

  الخطوط الافتراضية على نظام معين بنمط serif

• واجهة المستخدم بدون سيريف

  الخطوط الافتراضية على نظام معين بنمط sans-serif

• واجهة المستخدم أحادية المسافة

  الخطوط الافتراضية على نظام معين بنمط أحادي المسافة

• واجهة مستخدم مستديرة

  الخطوط الافتراضية على نظام معين بنمط دائري

• الرموز التعبيرية

  الخطوط التي تستخدم الرموز التعبيرية

• الرياضيات

  خطوط للصيغ والتعبيرات الرياضية المعقدة.

• فانجسونج ( الصينية :仿宋体)
  • الخطوط الصينية التي تقع بين خطوط سونغ ذات الزوائد وخطوط كاي المتصلة. يُستخدم هذا النمط غالبًا في الوثائق الحكومية.

تم تحديد تقنية الإشارة إلى الخطوط البعيدة وتنزيلها تلقائيًا لأول مرة في مواصفات CSS2، التي قدمت هذا المفهوم. في ذلك الوقت، كان جلب ملفات الخطوط من الإنترنت أمرًا مثيرًا للجدل، لأن الخطوط المخصصة للاستخدام في صفحات ويب معينة فقط كان من الممكن تنزيلها وتثبيتها، مما يُعد انتهاكًا لرخصة الخط. ^{[ 10 ]}@font-face

أضافت مايكروسوفت لأول مرة دعمًا لخطوط EOT القابلة للتنزيل في متصفح إنترنت إكسبلورر 4 عام 1997. وكان على المؤلفين استخدام أداة WEFT الخاصة لإنشاء ملف خط مُجزأ لكل صفحة. أثبتت خطوط EOT إمكانية استخدام خطوط الويب، وشهد هذا التنسيق بعض الاستخدام في أنظمة الكتابة التي لا تدعمها أنظمة التشغيل الشائعة. مع ذلك، لم يحظَ هذا التنسيق بقبول واسع النطاق، ورفضته منظمة W3C في نهاية المطاف. ^{[ 11 ]}

في عام 2006، أطلق هاكون ويوم لي حملة ضد استخدام EOT، داعيًا إلى دعم متصفحات الويب لتنسيقات الخطوط الشائعة الاستخدام. ^{[ 12 ] [ 13 ] [ 14 ]} ومنذ ذلك الحين، تم تطبيق دعم تنسيقات خطوط TrueType وOpenType الشائعة الاستخدام في متصفحات Safari 3.1 و Opera 10 و Mozilla Firefox 3.5 و Internet Explorer 9 .

في عام 2010، قدمت مؤسسة موزيلا وشركة أوبرا سوفتوير ومايكروسوفت طريقة ضغط WOFF لخطوط TrueType وOpenType إلى اتحاد شبكة الويب العالمية (W3C) ، ومنذ ذلك الحين أضافت المتصفحات دعمًا لها. ^{[ 15 ] [ 16 ] [ 17 ]}

أُطلقت خدمة Google Fonts في عام 2010 لتقديم خطوط الويب بموجب تراخيص مفتوحة المصدر . وبحلول عام 2016، أصبح أكثر من 800 عائلة من خطوط الويب متاحًا. ^{[ 18 ]}

أصبحت خطوط الويب أداة مهمة لمصممي المواقع الإلكترونية، واعتبارًا من عام 2016، تستخدم غالبية المواقع خطوط الويب. ^{[ 19 ]}

باستخدام تقنية تضمين CSS محددة ^{[ 20 ]،} يُمكن تضمين الخطوط بحيث تعمل مع متصفحات IE4+، وFirefox 3.5+، وSafari 3.1+، وOpera 10+، وChrome 4.0+. وهذا يُتيح لغالبية مستخدمي الإنترنت الوصول إلى هذه الميزة. تعترض بعض دور تصميم الخطوط التجارية على إعادة توزيع خطوطها. فعلى سبيل المثال، تُصرّح شركة Hoefler & Frere-Jones بأنها، على الرغم من "دعمها بحماس لظهور ويب أكثر تعبيرًا يُمكن للمصممين من خلاله استخدام خطوط عالية الجودة عبر الإنترنت بأمان وموثوقية"، فإن التوزيع الحالي للخطوط باستخدام هذه التقنية يُعتبر "توزيعًا غير قانوني" من قِبل الشركة، وهو أمر غير مسموح به. ^{[ 21 ]} وبدلًا من ذلك، تُقدّم Hoefler & Co. نظامًا خاصًا لتوزيع الخطوط قائمًا على الحوسبة السحابية. وتُعالج العديد من دور تصميم الخطوط التجارية الأخرى مسألة إعادة توزيع خطوطها من خلال تقديم ترخيص خاص، يُعرف بترخيص خطوط الويب، والذي يسمح باستخدام برنامج الخط لعرض المحتوى على الويب، وهو استخدام محظور عادةً بموجب تراخيص سطح المكتب الأساسية. وبطبيعة الحال، لا يتعارض هذا مع الخطوط ومواقع الطباعة المرخصة بموجب تراخيص مجانية. ^{[ م 1 ]}@font-face@font-face