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

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

خطوط بوستسكريبتمفصلة ولها خصائص رسومية عالية. يتم استخدامها للطباعة، خاصة للطباعة الاحترافية عالية الجودة للكتب والمجلات.

الخط الذي تختاره

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

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

بالنسبة للمطبوعات ذات الطباعة الاحترافية (مثل المجلات اللامعة) أو الطباعة الصناعية، اختر PostScript.

أنت هنا لأن لديك ملفًا له امتداد ملف ينتهي بـ .otf. لا يمكن تشغيل الملفات ذات ملحق الملف .otf إلا بواسطة تطبيقات معينة. ومن الممكن أن تكون ملفات .otf هي ملفات بيانات وليست مستندات أو وسائط مما يعني أنه ليس من المفترض أن يتم عرضها على الإطلاق.

ما هو ملف .otf ؟

التطبيقات التي تفتح ملف .otf

مايكروسوفت ويندوز عارض الخطوط

مايكروسوفت ويندوز عارض الخطوط

يعد Font Viewer أداة مساعدة قادرة على معاينة الخطوط بعدة طرق بما في ذلك نموذج النص وقائمة المقارنة وخريطة الأحرف الكبيرة. يوفر برنامج معالجة النصوص والنشر المكتبي معاينات للخط لتسهيل اختيار الخط الذي يريده المستخدمون. لديهم عادةً قائمة منسدلة بالخطوط مع عرض اسم كل خط. على الرغم من أن الكثير من برامج عرض الخطوط المجانية لم يتم تطويرها بشكل نشط، فقد يجد المستخدمون برنامجًا قديمًا لا يزال مفيدًا. حتى الأدوات المساعدة للخطوط القياسية في Windows قد تكون كافية لبعض المستخدمين. العديد من العارضين عبارة عن خرائط أحرف بشكل أساسي. وتركز هذه على مجموعة الأحرف التي يستخدمها كل خط. هذا هو العرض الذي يحتاجه المستخدمون عند محاولة تحديد الرمز الذي سيتم إدراجه فيه مستند، أو عندما تكون هناك حاجة إلى كتابة كلمة بلغة أجنبية مليئة بأحرف غير مألوفة مع لهجات غريبة. قم بطباعة نماذج لقوائم الخطوط لتكون مفيدة أثناء العمل مع تطبيقات الرسومات. في الماضي، كان المشاهدون يعرضون فقط 256 ASCII أو ANSI أحرف . لكن المشاهدين الأكثر فائدة يعرضون الآن مجموعة أحرف Unicode الموسعة.

فونت فورج لنظام التشغيل Mac

فونت فورج لنظام التشغيل Mac

FontForge هو برنامج مجاني يستخدم لتحرير الخطوط. كان يُعرف سابقًا باسم PfaEdit. يمكن تشغيله على Linux/Unix وWindows وVMS وMac. يستخدم لغتين للبرمجة النصية، لغة البرمجة الخاصة به ولغة بايثون. يمكنه تشغيل البرامج النصية من سطر الأوامر، من واجهة المستخدم الرسومية الخاصة به، ويمكن أيضًا أن يكون بمثابة وحدة بايثون بحيث يمكن دمجها في برنامج بايثون. وهو يدعم ملف ميزات Adobe OpenType بامتداد بناء الجملة الخاص به، وهو جدول Microsoft MATH غير الرسمي لـ Cambria Math المدعوم من XeTex وLuaTex وOffice 2007. ويستخدم FreeType لخطوط الشاشة وlippango وlibcairo للنصوص والرسومات لدعم تخطيط النص المعقد ومكافحة -رسومات مستعارة. ويستخدم AutoTrace أو Potrace لتتبع الصور النقطية ليتم استيرادها إلى الخط. يتم استخدام بعض أجزاء التعليمات البرمجية الخاصة به بواسطة LuaTex لتحليل وقراءة خطوط OpenType. يتضمن كود المصدر الخاص به برامج مثل "showttf" التي تعرض محتويات ملف الخطوط الثنائية وأداة تحويل ومحول WOFF. يدعم FontForge مجموعة متنوعة من الخطوط. تنسيقه الأصلي هو SFD ويتعاون مع مصممين آخرين لإنشاء ملفات مختلفة. التنسيقات الأخرى التي يدعمها Fontforge هي TTC وOTF وTTF وTeX Bitmap Fonts وPostScript Type 1 وX11 OTB bitmap وBDF وWOFF وFNT وFON لنظام التشغيل Windows وSVG.

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

تعد ملفات TTF جزءًا من المجموعة الأساسية لخطوط Windows TrueType. مع ظهور أحدث الإصدارات من نظام التشغيل Mac OS X، أصبح تنسيق الخط أحادي النظام شائعًا وهو الآن موجود في كلا نظامي التشغيل المهيمنين في العالم. قامت Apple بتعديل تنسيق TrueType بشكل طفيف، وإعداده لاستبدال المحارف النقطية القديمة بمعيار أكثر مرونة وإدخالها بنجاح في نظام التشغيل الجديد.
يوفر معيار TrueType استخدام ملف واحد لوصف الخط، والذي يحتوي على كافة المعلومات الضرورية لعرض الخط على شاشة العرض وعند طباعته. بالمقارنة مع TrueType، فإن بعض الخطوط المطبعية القديمة، مثل PostScript Type 1 (التي طورتها Adobe Systems)، تتمتع بتصميم أكثر تعقيدًا وأكثر تعقيدًا بكثير بحيث يصعب على الكمبيوتر معالجته.

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

علاوة على ذلك، يمكن لخطوط OpenType استخدام أنماط محرف مختلفة حسب تحديدها بواسطة تطبيقات معينة، وتغييرها وفقًا للسياق. أعطى هذا المعيار الجديد للمصممين فرصة ممتازة لتصميم الخطوط التي تشبه الكتابة اليدوية. اعتمادًا على خط OpenType المحدد، قد يعتمد على خوارزميات بناء المنحنى المأخوذة من TrueType أو PostScript Type 1.

يرمز معيار DFONT (الملفات ذات ملحق DFONT) إلى خط Datafork TrueType. كان تنسيق هذا الملف هو المعيار لخطوط النظام لنظام التشغيل Mac OS X، ولكن مع إصدار Mac OS X 10.6 Snow Leopard، استبدلت Apple هذا المعيار بخطوط TTC أو TrueType Collection. يتم دعم تنسيق DFONT حصريًا في نظام التشغيل Mac OS X وهو محكوم عليه بـ "النسيان"، لأنه لم يعد مقدرًا له أن يصبح نظامًا أساسيًا مشتركًا.

تنسيقات أخرى

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

تعمل خطوط PostScript Type 1 على التخلص من هذا العيب وتتدرج بشكل جيد عند الطباعة، ولكن للقيام بذلك، يجب أن تكون الطابعة متوافقة مع معيار الخط هذا. اقترحت Adobe Systems، مطور هذا المعيار، لاحقًا استخدام تطبيق Adobe Type Manager لإزالة القيود المفروضة على الطباعة.

ملف OTF هو ملف خط تم تطويره بشكل مشترك بواسطة Adobe وMicrosoft. يتضمن تنسيق الملف هذا مظهر التنسيقات مثل TrueType وPostScript. يمكن تغيير حجم خطوط OpenType دون فقدان جودة النص الأصلي.

امتداد OTF مدعوم على أنظمة التشغيل Mac OS وWindows. بدأت منصات Microsoft في دعم ملفات OTF بدءًا من نظام التشغيل Windows 2000. ومن الجدير بالذكر أن هذا النوع من الملفات، بالإضافة إلى غرضه الرئيسي، يمكن استخدامه كملف قالب يستخدمه مجمع OpenOffice لإنشاء الصيغ. في مثل هذه الحالة، يكون وجود ملف .otf مفيدًا لملء الجداول تلقائيًا باستخدام الصيغ. يحتوي امتداد ملف OTF على نطاق واسع من التوزيع بين المستخدمين.

يعتقد الخبراء أن امتداد الملف هذا هو ما يسمى بالحاوية، التي تم تشكيلها مع مراعاة قواعد TrueType وقادرة على احتواء ملفات بيانات PostScript وTrueType. يمكن لخط Open Type تخزين أنواع بيانات جديدة لم تكن موجودة بتنسيقات TrueType. يمكن للملفات ذات الامتداد .otf تخزين بيانات حول الخطوط والمقاييس بالإضافة إلى معلومات الخدمة.

لفتح ملف له امتداد OTF، مثل ملفات الخطوط الأخرى، يمكنك استخدام Font Viewer من Microsoft. يمكن لمستخدمي MacOS فتح ملف OTF بفضل Apple Font Book. الأداة المساعدة العالمية التي يمكنها فتح ملف .otf على الأنظمة المذكورة أعلاه، بما في ذلك نظام التشغيل Linux، هي FontForge.

مرحبًا حبر!

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

01. لماذا نحتاج إلى خطوط الويب أصلاً، ولماذا لا نحتاج إلى الخطوط القياسية؟

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

ويمكن للمرء أن يتخلى تماما عن الخطوط القياسية، خاصة وأن العديد من أنظمة تشغيل الأجهزة المحمولة لا تدعمها (على سبيل المثال، Arial، Taūma، Verdana وGeorgia). ولكن لسوء الحظ، فإن الصناعة، التي تكيفت لسنوات عديدة مع شاشات 96 نقطة في البوصة وجورجيا فيردان، لم تكن جاهزة تمامًا للتغييرات السريعة، وفي أنظمة تشغيل Windows الأقدم، لا تزال هناك مشكلات في عرض الخطوط غير القياسية بسبب الميزات المميزة لآلية التنقيط.

02. كيف تختار خط الويب الجيد؟

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

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

03. كيف تعرض المتصفحات الخطوط؟

كثيرًا ما سمعت أن المتصفحات ترسم الخطوط بنفسها، لذا فهي تبدو مختلفة في كل مكان. ولكن في الواقع، يشارك نظام فرعي خاص للرسومات في نظام التشغيل في تقديم الخطوط: في نظام التشغيل Windows هذا جي دي آيأو الكتابة المباشرةوعلى نظامي التشغيل OS X وiOS - CoreText(و QuickDraw سابقًا). هناك ثلاث آليات شائعة لتنقيط (عرض) الخطوط: بكسل ثنائي اللون (أبيض وأسود)، وبكسل أحادي اللون (يسمى غالبًا الصقل أو الصقل العادي) والبكسل الفرعي. يستخدم Subpixel ميزة شاشات LCD وشاشات البلازما، حيث يتم تقسيم كل بكسل إلى 3 أجزاء (الأحمر والأخضر والأزرق)، وذلك لزيادة الدقة الأفقية للصورة المقدمة وتحسين الوضوح.

ومع ذلك، تختار المتصفحات طريقة العرض الخاصة بها من تلك التي يوفرها نظام التشغيل. على سبيل المثال، يحتوي GDI على 3 خيارات للعرض: الأبيض والأسود، والتنعيم العادي، والبكسل الفرعي نوع واضح. تكمن خصوصية هذا الأخير في أن التجانس يحدث أفقيًا فقط، وفقًا لموقع وحدات البكسل الفرعية. ولهذا السبب غالبًا ما نرى خشونة رهيبة على الخطوط الأفقية والقطرية للخط عند استخدامه. ولحسن الحظ، بدأت Microsoft في تحسين الآلية ببطء، وتم استبدال GDI بتقنية DirectWrite، التي قدمت بالفعل خاصية منع التعرج العمودي. يقارن:

04. TTF أو OTF؟

كان TrueType وPostScript في الأصل تنسيقات خطوط مختلفة. يستخدم TrueType منحنيات Bezier التربيعية، بينما يستخدم PostScript منحنيات مكعبة، وهي مألوفة لدى المصممين العاملين في Illustrator وPhotoshop. اليوم، يتم استخدام كلتا الطريقتين لوصف المنحنيات كجزء من نفس تنسيق OpenType، مع الاختلاف الوحيد وهو أن ملفات TrueType لها امتداد TTF، وملفات PostScript لها امتداد OTF. تتمتع كل تقنية بميزات التلميح الخاصة بها وتفاصيل التطبيق.

انظر الى الصورة. إذا كان خط TrueType أكثر قابلية للقراءة بحجم صغير، ولكن في الحجم الكبير نرى أسنانًا مميزة، فكل شيء بالنسبة لخط PostScript هو عكس ذلك تمامًا. وذلك لأن المتصفحات تختار طرقًا نقطية مختلفة لـ PS وTT. بالنسبة إلى PS، قام المتصفح بتطبيق تنعيم عادي أحادي اللون، وتمت معالجة TT باستخدام ClearType. لذلك اتضح أن TrueType سيكون أفضل لخطوط النص، وPostScript أفضل للعناوين والنقوش الكبيرة.

ونرى أيضًا أنه ليس كل المتصفحات تستخدم DirectWrite حتى الآن. لذا، فهو لا يزال غير موجود في Google Chrome.

05. ما الذي يؤثر أيضًا على الشاشة؟

في بعض الأحيان يكون من الأفضل ضبط طريقة التنقيط يدويًا. على سبيل المثال، في المتصفحات التي تحتوي على محرك Webkit، يمكنك استخدام خاصية CSS - webkit-font-تجانسوقم بتمكين الصقل المنتظم يدويًا بدلاً من الصقل لوحدات البكسل الفرعية، والعكس صحيح. هناك أيضًا طرق غير تافهة لجعل المتصفح يغير طريقة التنقيط؛ وقد تم اقتراح ذلك ذات مرة على حبري.

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

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

06. هل تحتاج خطوط الويب إلى تلميحات؟

التلميح عبارة عن تعليمات خاصة تربط المنحنيات المجردة للخط بشكل صارم بالبكسلات الموجودة على الشاشة. لم يتم التلميح إلى الغالبية العظمى من الخطوط (بما في ذلك الخطوط التجارية)، لأن هذا إجراء يتطلب عمالة مكثفة ومعقدة. يتم تنفيذ التلميح بشكل مختلف بالنسبة لـ TrueType وPostScript. إذا كنت تستخدم خطًا رخيصًا، فإن تنسيق OTF يكون أكثر أمانًا، لأنه في TT ظل الإجراء دون تغيير منذ أيام التنقيط بالأبيض والأسود وهو ليس مناسبًا تمامًا، ولكن بالنسبة لـ PS يكون الإجراء أبسط، والمؤلف لديه الفرصة لـ القيام بالتلميح التلقائي.

يصبح الخط الذي لا يحتوي على تلميحات ضبابيًا عند تحويله إلى نقطية، وقد يقفز ارتفاع الحروف.

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

في نظام التشغيل Windows، نرى ربما النهج الأكثر تطرفًا: تم التلميح إلى الخطوط الشائعة مثل Tahoma وVerdana وArial وGeorgia خصيصًا لـ GDI ClearType، وعندما ظهر DirectWrite، كان لا بد من إعادة التلميح إلى الخطوط الرئيسية المضمنة في نظام التشغيل وتحديثها.

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

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

07. @font-face أم كوفون؟

بغض النظر عن مدى غرابة الأمر، لا يزال هناك أشخاص يسألون أنفسهم هذا السؤال. يبدو أنه بعد أن بدأت المتصفحات في دعم سمة @font-face، أصبحت جميع تقنيات تضمين الخطوط الأخرى (Cufon، sIFR، Flash) غير ذات صلة. ولكن لا يزال هناك بعض المعنى، على سبيل المثال، طريقة لاستبدال الخط بصورة، عندما لا يتم عرض منحنيات متجهة على الموقع، ولكن فقط طباعة، مثل الطابعة التي تطبعها على ورقة أو يقوم Photoshop بإخراج ملف JPG غير قابل للتحرير. هذا مسموح به من خلال العديد من تراخيص الخطوط العادية (سطح المكتب). تسمح بعض الشركات المصنعة للخطوط (على سبيل المثال، Adobe) بتضمين خط سطح المكتب (في البرامج وعلى الخادم)، طالما ظل محميًا ولا يمكن تنزيله. إذا لم تتمكن من شراء ترخيص ويب منفصل، فيمكنك استخدام sIFR المناسب عندما يكون الخط مضمنًا باستخدام كائنات Flash. العيب هو أنه يستخدم فلاش، وهو غير مدعوم على جميع الأجهزة. يمكنك أيضًا استخدام تقنية Cufon (يتم استخدام القماش)، إذا كان الترخيص يسمح بذلك. بالطبع، في هذه الحالة، سيكون البرنامج النصي مرهقًا، ولن ينجح اختيار النص، ولكنه سيفي بالغرض في المواقف اليائسة.

ولكن من الأفضل استخدام @font-face، فهو أكثر تقدمًا من الناحية التكنولوجية وأكثر ملاءمة، وبالإضافة إلى ذلك، فقد تراكمت خبرة كافية للعمل معه. لها عيب واحد فقط: لا تسمح جميع الشركات المصنعة باستخدام خطوطها على الويب.

08. ما هي التنسيقات التي يجب أن تكون بها ملفات الخطوط؟

اليوم الخطوط المعدة للتنفيذ (@font-face) على موقع الويب يجب أن تكون بعدة صيغ:

تي تي إفأو OTF- ملف خط مألوف لدينا، ولكن يتم تحميله من الخادم أثناء عرض الموقع؛
WOFF- ربما يكون أرشيف المصدر غير المحمي OTF أو TTF هو التنسيق الأكثر أهمية الذي تدعمه معظم المتصفحات الشائعة، وعادةً ما تكون الملفات الموجودة في WOFF أخف بمقدار 2-2.5 مرة من الملفات الأصلية؛
محكمة تكافؤ الفرص- هناك حاجة إلى أرشيف يتم تنفيذه بواسطة TT OpenType، والذي يحتوي على آليات حماية، لدعم متصفحات Internet Explorer الأقدم (بدءًا من IE8، بالإضافة إلى منحنيات TrueType، يتم دعم PostScript أيضًا)؛
SVG- لدعم متصفح سفاري.

09. هل يمكن تحويل خطوط الويب؟

بغض النظر عما يخبرك به الأشخاص، لا يمكنك ببساطة تحويل ملف والاحتفاظ بالجودة الأصلية للخط، خاصة إذا كان في الأصل بتنسيق OpenType. في هذه العملية، هناك احتمال لفقد بعض البيانات المضمنة في ملف الخط (التعليمات المجمعة، والأحرف الإضافية، والمقاييس). ستلاحظ هذا عندما "يفقد وزن" الملف فجأة أثناء التحويل؛ فمن غير المقبول بشكل خاص تحويل TrueType إلى PostScript والعكس.

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

10. ما هو الوزن الذي يجب أن تزنه خطوط الويب؟

يجب أن يقوم المتصفح بتنزيل ملفات الخطوط بالكامل قبل عرض الصفحة. ربما تكون قد شاهدت تأثير "فلاش الخط" (أو FOUT)، عندما تومض خطوط النظام القياسية للحظة قصيرة بدلاً من الخطوط الغريبة. من الطبيعي أن يتناسب TTF (OTF) مع 100 كيلو بايت، وWOFF (EOT) يصل إلى 50 كيلو بايت. فكر دائمًا فيما إذا كنت بحاجة إلى استخدام الخطوط المخصصة على الإطلاق، حتى إذا كنت تستخدمها في عنوان قصير واحد، فلا يزال يتعين عليك تنزيل ملف الخط بأكمله.
كلما كان التصميم أكثر كمالا، كلما كان وزن ملفات الخطوط أصغر، وحاول اختيار أشكال بسيطة. وبهذا المعنى، فإن الشكل المثالي هو بشع هندسي مفتوح مع تباين منخفض. لتسريع تحميل الخط، من المفيد أيضًا استخدام data:uri.

11. ما هو عدد أنماط الخطوط التي يمكن استخدامها على الويب؟

من وجهة نظر المصمم، هناك الكثير من الخطوط الرائعة. وبالفعل، بالنسبة للرأس - غامق، وهناك، بالنسبة للداخل - ExtraLight، سنقوم عمومًا بدفع النصوص غير الضرورية وضغطها إلى مكثف غامق. ومن هنا - الثروة الحقيقية والتنوع الأسلوبي. ولكن عندما يبدأ نقل كل هذه "الثروة" إلى الموقع، يتبين أن كل شيء يسير ببطء شديد. ومن الأفضل عدم محاولة فتح مثل هذا الموقع من جهاز محمول. ولا تنس أن كل نمط يكلف أموالاً منفصلة، ​​ومن المحتمل أن يطلب منك العميل إما العثور على مرادف للخط، أو تقليل عدد الأنماط، فقط حتى لا يشتري كل الخطوط الباهظة الثمن. من الطبيعي استخدام 2-3 أنماط كحد أقصى من نفس الخطوط أو خطوط مختلفة.

12. هل من الضروري الحد من مجموعة الأحرف؟

تعتمد الإجابة على هذا السؤال على نوع الموقع وكيفية استخدامه. يمكن أن تكون القيود مفيدة لأنه من الممكن تقليل حجم الملفات بشكل كبير. في بعض الأحيان، بسبب الجهل، يقوم المطورون بتحميل ملفات الخطوط الثقيلة إلى الموقع بمجموعة كاملة من الأحرف، ومن الجيد أن لا تكون هناك حروف هيروغليفية (لاحظ أن خط Arial Unicode الذي يحتوي على معظم الأحرف من جدول Unicode يزن 22 ميجابايت).

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

13. هل يمكنني استخدام نسخ الخطوط؟

يحدث أن شراء الخط الأصلي إما مكلف للغاية أو حتى مستحيل، فسيكون من المناسب اختيار مرادف الخط (استنساخ). بالطبع، لا ينبغي أن تتوقع منهم جودة مذهلة، حتى لو كانت مصنوعة من قبل شركة روسية مشهورة. كل شيء سيء تمامًا عندما تصادف تأليف شخص متعلم مجهول قرر تجربة نفسه في مجال جديد، احذر من مثل هذه الخطوط. فيما يلي أمثلة على النسخ (يشار إلى الأصل بين قوسين): FreeSet (Frutiger)، Pragmatica وHelios (Helvetica). يرجى ملاحظة أن أشكال الحروف قد تختلف. يوجد عدد كبير من النسخ في دليل مرادفات خطوط Paratype.

14. كيفية اختبار الخط؟

لا يعتاد المصممون على رؤية الخطوط من خلال نوافذ Photoshop فقط، ويستخدم محررو الرسوم أساليبهم الخاصة لتنعيم النصوص، ويمكن خداعك بالصورة الجميلة. من المفيد جدًا معرفة كيفية اختبارها ومشاهدتها في المتصفحات. إذا كانت هناك صفحة تجريبية، فتأكد من عدم ظهور جميع أنواع المصنوعات اليدوية والمسامير أثناء العرض. هناك أيضًا أداة تسمى Typecast، حيث يمكنك التحقق من العديد من الخطوط ثم عرض الصفحة للعميل. بالنسبة لأولئك الذين يختارون خطًا جديدًا لموقع ويب تم الانتهاء منه بالفعل، فإن خدمة Web Fonts Previewer لا غنى عنها بالنسبة لك؛ حيث يمكنك اختبار أي خط على موقع ويب فعال، كما لو كنت قد قمت بتطبيقه بالفعل.

15. لدي خط على جهاز الكمبيوتر الخاص بي، هل يمكنني استخدامه في الموقع؟

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

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

16. كيف يمكن شراء خط ويب؟

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

إحدى الطرق الملائمة لشراء الخطوط هي من خلال كتالوجات الخطوط (Fonts.com، وMyFonts، وAscender، وTypekit). ستتمكن من عرض ومقارنة واختيار أحد الخيارات المتاحة للاستخدام والدفع بالبطاقة. أسهل طريقة للشركات هي الاتصال باستوديو الإنتاج مباشرة أو ترك شراء الخطوط للعميل

أو ربما من الأفضل عدم إنفاق المال على الخط على الإطلاق؟ هناك العديد من الخطوط المجانية الرائعة التي لا تقل جودة عن الخطوط المدفوعة!

17. ما هي أنواع التراخيص الموجودة؟

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

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

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

تراخيص مجانية (ملكية عامة) - يسمح مؤلف الخط بالتوزيع المجاني، مع أو بدون شرط الإشارة إلى اسمه (Creative Commons) (على سبيل المثال، OFL، GPL، Apache 2.0). ويسمح هذا النوع من التراخيص بالاستخدام التجاري، بخلاف المبيعات والتوزيع المدفوع. أمثلة: PT Sans، Opensans، Droid. في بعض الأحيان يُسمح بتعديل الخط (GPL)، لكن التعديل الذي تقوم بإنشائه يرث تلقائيًا نفس الترخيص (مما يعني أنه يمكن أن يتم تشعبك أيضًا). تفترض الحرية أنه يمكن استخدامها على أي وسيلة إعلامية، بما في ذلك. والويب.
مجاني للاستخدام غير التجاري - أي أنه يمكنك استخدامه في جميع الحالات التي لا تربح فيها المال. على سبيل المثال، للتدريب والهوايات والمشاريع المجتمعية. في بعض الأحيان، يسمح المصنعون باستخدام الخط للمصممين، على أمل أن يشتري عميل المصمم المحظوظ نسخة تجارية من الخط.

18. كيف تختلف التراخيص لخطوط الويب؟

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

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

بعد الشراء، تتلقى ملفات خاصة تقوم بتضمينها في الموقع (TTF، OTF، WOFF، EOT)، وبعض الخطوط لا تسمح بوضع هذه الملفات على الموقع في شكل غير محمي، حيث أنه من الناحية النظرية يمكن لأطراف ثالثة الحصول على ملفات الخطوط نفسها. الخيار الثالث هو استخدام خدمة ويب خاصة تابعة لشركة مصنعة للخطوط، مثل Typekit المملوكة لشركة Adobe، ودفع رسوم الاشتراك.

19. أين يمكنني الحصول على خطوط ويب جيدة؟

كتالوج الخطوط المجانية من جوجل
Fontsquirrel هو محول ودليل مشهور لخطوط الويب
Myfonts - متجر خطوط ضخم بنظام دفع مناسب
Fonts.com هو المنافس الرئيسي لـ MyFonts
Typekit - خدمة تأجير الخطوط من Adobe
Typecast - المتجر المذكور مع خدمة الاختبار
ملاحظة. مصدر مفيد آخر أوصت به ماريا دورولي، WebFont.ru. الترخيص. لنوضح
تيم براون. اكتب العرض على الويب
تيم براون. خصائص CSS التي تؤثر على عرض النوع
تيم براون. تقديم نوع: أنظمة التشغيل
تيم آرينز. نظرة فاحصة على عرض الخط
تيم آرينز (تايبيكت). نظرة فاحصة على تلميحات TrueType
فوائد OpenType/CFF على TrueType

إيلدار كينيابولاتوف، مصمم الويب ADV/هندسة الويب