الرئيسية
» ويب
»
WebFonter: معاينة خطوط FontShop على أي موقع ويب - ما يعمل الآن
WebFonter: معاينة خطوط FontShop على أي موقع ويب - ما يعمل الآن
كان WebFonter أداةً للمتصفح تتيح تجربة خطوط FontShop مباشرةً على موقع الويب قبل شرائها. وقد مكّنت المصممين من تعديل العناوين والنصوص مباشرةً بدلاً من الحكم على الخط من خلال نموذج ثابت. أصبح هذا الأسلوب الأصلي من الماضي: فقد أُغلق متجر FontShop الإلكتروني عام ٢٠٢٣، ويُعيد عنوان WebFonter السابق توجيه المستخدم إلى صفحة معلومات FontShop بدلاً من أداة التثبيت. لا يزال بإمكانك معاينة الخطوط عبر MyFonts وتجربة أنماط الخطوط في موقعك باستخدام أدوات مطوري المتصفح.
هل ما زال بإمكانك تثبيت WebFonter؟
لا تعتمد على تعليمات تثبيت WebFonter القديمة. وفقًا للأسئلة الشائعة الرسمية لإغلاق منصة Monotype ، تم إيقاف منصة FontShop.com التجارية في 15 ديسمبر 2023. يؤدي عنوان ويب WebFonter الأصلي الآن إلى صفحة معلومات FontShop، والتي بدورها توجه العملاء إلى MyFonts. لم يتسنَّ التحقق من وجود إضافة أو إشارة مرجعية مدعومة حاليًا لـ WebFonter. لذا، يجب التعامل مع تعليمات إضافة Chrome القديمة والإشارة المرجعية كسجل لكيفية عمل المنتج، وليس كدليل تثبيت عملي.
ما كان يفعله WebFonter في الأصل
كانت الميزة الرئيسية للأداة هي رؤية نوع الخط في سياقه. فبدلاً من فتح نموذج خط منفصل، يمكن للمصمم عرض صفحة حقيقية وتغيير نوع الخط فيها مع الحفاظ على وضوح التصميم.
افتح موقعًا إلكترونيًا. عُرضت الأداة الأصلية كإضافة لمتصفح كروم وكأداة مساعدة للمتصفحات الأخرى. ووُصفت بأنها قابلة للاستخدام على المواقع المباشرة والمستضافة محليًا، شريطة أن تكون خدمة الخطوط الخاصة بها متاحة.
اختر عائلة خط. تتيح لك أداة "تغيير عائلة الخط " تصفح الخطوط والبحث عنها ضمن كتالوج FontShop. يؤدي اختيار عائلة خط إلى تحديث معاينة الصفحة.
قم بتعيين الأنماط وتعديلها. بدأت الواجهة الأصلية بالعنوان ونص المحتوى، وكان من الممكن إضافة أهداف أخرى، كما وفرت عنصر تحكم "تعديل" لحجم النص وارتفاع السطر والتباعد.
يوضح منتقي الخطوط على مستوى الموقع الإلكتروني نوع المقارنة السياقية التي صُمم WebFonter من أجلها.
هذه أوصاف تاريخية للميزات، وليست قوائم حالية مؤكدة. أشارت بعض المراجعات القديمة أيضًا إلى اختصار Ctrl+H لإخفاء عناصر تحكم WebFonter. تجنب اتباع هذه النصيحة في متصفح حديث: عادةً ما يفتح Ctrl+H سجل التصفح إذا لم تعترضه الصفحة أو الأداة.
كيفية اختبار خطوط FontShop على موقع ويب اليوم
تُعرض الآن مجموعة FontFont من FontShop عبر صفحة معلومات FontShop الرسمية و MyFonts . يفصل هذا الأسلوب بين اكتشاف الخطوط واختبارها على الصفحة؛ وعلى عكس WebFonter القديم، فهو لا يوفر معاينة فورية من FontShop إلى الموقع الإلكتروني.
1. استعرض الخط باستخدام كلماتك الخاصة
ابحث عن عائلة خطوط مناسبة على MyFonts. في معاينة عائلة الخطوط أو النمط الفردي، أدخل عنوانًا أو نصًا للتنقل أو فقرة من مشروعك. وفقًا للأسئلة الشائعة في MyFonts ، يمكنك تعديل حجم المعاينة وألوانها، والاطلاع على ميزات OpenType المدعومة. كما تساعدك ميزة الألبومات في جمع الخطوط لمقارنتها جنبًا إلى جنب. جرّب عدة أوزان: فقد لا يكون الخط الجذاب مناسبًا للفقرات الطويلة.
قم بمقارنة نوع الخط المرشح عبر الأنماط والأحجام المختلفة قبل اعتماده في تصميم الصفحة.
2. افحص النص الذي تريد تغييره
افتح موقعك الإلكتروني في متصفح Chrome، وانقر بزر الماوس الأيمن على عنوان أو فقرة، ثم اختر "فحص" . ستُظهر لك لوحة "العناصر" عنصر HTML المُحدد، بينما تعرض لوحة "الأنماط " أنماط CSS التي تؤثر عليه. يمكنك أيضًا استخدام مُحدد العناصر لاختيار نص من الصفحة. راجع دليل "وضع الفحص" من Google للاطلاع على عناصر التحكم الموثقة.
افحص عنوانًا وحدد موقع تعريفات نوع الخط وحجمه وارتفاع السطر في جزء الأنماط.
3. جرب الطباعة مؤقتًا
في قسم العناصر ← الأنماط ، عدّل تعريف عائلة الخط الحالي أو أضف تعريفًا جديدًا للعنصر المحدد. على سبيل المثال، جرّب خط Georgia، serif كبديل محلي متاح لاتجاه serif، ثم جرّب تغيير حجم الخط ، وارتفاع السطر ، وتباعد الأحرف . عادةً ما تظهر التغييرات فورًا، ولكنها ليست تعديلات دائمة على موقعك المنشور. تشرح جوجل هذه الأدوات في مرجع CSS الخاص بأدوات المطوّرين .
هام: كتابة اسم خط تجاري في CSS لا يؤدي إلى تنزيله أو تحميله تلقائيًا. لعرض الخط التجاري الفعلي على صفحتك، يجب أن يكون متوفرًا مسبقًا من خلال مصدر خط مرخص ومحمل بشكل صحيح، أو من خلال تثبيت محلي مسموح به. وإلا، سيعرض المتصفح نسخة بديلة. لا تخلط بين النسخة البديلة والخط الذي تنوي شراءه.
قارن بين نفس العنوان والفقرة في معالجتين مختلفتين للطباعة، مع التحقق من التفاف النص والتسلسل الهرمي.
4. تحقق من الترخيص قبل النشر
لا تُعدّ معاينة واجهة المتجر المجانية ترخيصًا لاستضافة ملفات الخطوط على موقع ويب عام. توضح MyFonts أن خطوط الويب تُضمّن عبر @font-face وتتطلب ترخيصًا مناسبًا؛ وتعتمد النطاقات المسموح بها وشروط عرض الصفحات على الترخيص المُقدّم لهذا المنتج. راجع معلومات ترخيص عائلة الخطوط وشروط الشراء قبل إضافة الملفات إلى بيئة الإنتاج. لا يُفترض أن ترخيص سطح المكتب وحده يغطي تضمين الخطوط على الويب.
ما يجب التحقق منه قبل اختيار الخط النهائي
ملاءمة العنوان: هل يلتف العنوان بشكل طبيعي على شاشات سطح المكتب والهواتف المحمولة؟
سهولة قراءة النص: هل الأحجام الصغيرة وارتفاع الأسطر وكثافة الفقرات مريحة؟
الأوزان والأحرف: هل تتوفر لديك الرموز الغامقة والمائلة وعلامات الترقيم واللغوية التي تحتاجها؟
التحميل الفعلي: هل يتم عرض الوجه الحقيقي، أم أنه مجرد خيار احتياطي للمتصفح؟
الترخيص: هل تغطي الخطة المشتراة استخدام موقعك الإلكتروني؟
إذا بدا أن التغيير لا يُحدث أي تأثير، فتحقق مما إذا كانت قاعدة CSS أكثر تحديدًا تُلغي تعديلك، وما إذا كان الخط مُحمّلًا بالفعل، وما إذا كنت قد حددت عنصر الصفحة الصحيح. اختبر أكثر من عرض واحد للشاشة. كانت جاذبية WebFonter الأصلية تكمن في السياق الفوري؛ أما اليوم، فإن الجمع بين نموذج MyFonts وتعديلات DevTools المؤقتة يُوفر طريقة عملية لاتخاذ خيار مدروس في الطباعة دون الحاجة إلى الادعاء بأن الأداة المتوقفة لا تزال متاحة.