WebFonter: معاينة خطوط FontShop على أي موقع ويب - ما يعمل الآن

كان WebFonter أداةً للمتصفح تتيح تجربة خطوط FontShop مباشرةً على موقع الويب قبل شرائها. وقد مكّنت المصممين من تعديل العناوين والنصوص مباشرةً بدلاً من الحكم على الخط من خلال نموذج ثابت. أصبح هذا الأسلوب الأصلي من الماضي: فقد أُغلق متجر FontShop الإلكتروني عام ٢٠٢٣، ويُعيد عنوان WebFonter السابق توجيه المستخدم إلى صفحة معلومات FontShop بدلاً من أداة التثبيت. لا يزال بإمكانك معاينة الخطوط عبر MyFonts وتجربة أنماط الخطوط في موقعك باستخدام أدوات مطوري المتصفح.

هل ما زال بإمكانك تثبيت WebFonter؟

لا تعتمد على تعليمات تثبيت WebFonter القديمة. وفقًا للأسئلة الشائعة الرسمية لإغلاق منصة Monotype ، تم إيقاف منصة FontShop.com التجارية في 15 ديسمبر 2023. يؤدي عنوان ويب WebFonter الأصلي الآن إلى صفحة معلومات FontShop، والتي بدورها توجه العملاء إلى MyFonts. لم يتسنَّ التحقق من وجود إضافة أو إشارة مرجعية مدعومة حاليًا لـ WebFonter. لذا، يجب التعامل مع تعليمات إضافة Chrome القديمة والإشارة المرجعية كسجل لكيفية عمل المنتج، وليس كدليل تثبيت عملي.

ما كان يفعله WebFonter في الأصل

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

  1. افتح موقعًا إلكترونيًا. عُرضت الأداة الأصلية كإضافة لمتصفح كروم وكأداة مساعدة للمتصفحات الأخرى. ووُصفت بأنها قابلة للاستخدام على المواقع المباشرة والمستضافة محليًا، شريطة أن تكون خدمة الخطوط الخاصة بها متاحة.
  2. اختر عائلة خط. تتيح لك أداة "تغيير عائلة الخط " تصفح الخطوط والبحث عنها ضمن كتالوج FontShop. يؤدي اختيار عائلة خط إلى تحديث معاينة الصفحة.
  3. قم بتعيين الأنماط وتعديلها. بدأت الواجهة الأصلية بالعنوان ونص المحتوى، وكان من الممكن إضافة أهداف أخرى، كما وفرت عنصر تحكم "تعديل" لحجم النص وارتفاع السطر والتباعد.
معاينة لموقع سفر مع منتقي خطوط عائم يعرض عدة عائلات من الخطوط
يوضح منتقي الخطوط على مستوى الموقع الإلكتروني نوع المقارنة السياقية التي صُمم WebFonter من أجلها.

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

كيفية اختبار خطوط FontShop على موقع ويب اليوم

تُعرض الآن مجموعة FontFont من FontShop عبر صفحة معلومات FontShop الرسمية و MyFonts . يفصل هذا الأسلوب بين اكتشاف الخطوط واختبارها على الصفحة؛ وعلى عكس WebFonter القديم، فهو لا يوفر معاينة فورية من FontShop إلى الموقع الإلكتروني.

1. استعرض الخط باستخدام كلماتك الخاصة

ابحث عن عائلة خطوط مناسبة على MyFonts. في معاينة عائلة الخطوط أو النمط الفردي، أدخل عنوانًا أو نصًا للتنقل أو فقرة من مشروعك. وفقًا للأسئلة الشائعة في MyFonts ، يمكنك تعديل حجم المعاينة وألوانها، والاطلاع على ميزات OpenType المدعومة. كما تساعدك ميزة الألبومات في جمع الخطوط لمقارنتها جنبًا إلى جنب. جرّب عدة أوزان: فقد لا يكون الخط الجذاب مناسبًا للفقرات الطويلة.

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

2. افحص النص الذي تريد تغييره

افتح موقعك الإلكتروني في متصفح Chrome، وانقر بزر الماوس الأيمن على عنوان أو فقرة، ثم اختر "فحص" . ستُظهر لك لوحة "العناصر" عنصر HTML المُحدد، بينما تعرض لوحة "الأنماط " أنماط CSS التي تؤثر عليه. يمكنك أيضًا استخدام مُحدد العناصر لاختيار نص من الصفحة. راجع دليل "وضع الفحص" من Google للاطلاع على عناصر التحكم الموثقة.

يعرض متصفح Chrome عنوان المقالة المحددة بجانب عناصر أدوات المطور وإعدادات عائلة خط CSS
افحص عنوانًا وحدد موقع تعريفات نوع الخط وحجمه وارتفاع السطر في جزء الأنماط.

3. جرب الطباعة مؤقتًا

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

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

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

4. تحقق من الترخيص قبل النشر

لا تُعدّ معاينة واجهة المتجر المجانية ترخيصًا لاستضافة ملفات الخطوط على موقع ويب عام. توضح MyFonts أن خطوط الويب تُضمّن عبر @font-face وتتطلب ترخيصًا مناسبًا؛ وتعتمد النطاقات المسموح بها وشروط عرض الصفحات على الترخيص المُقدّم لهذا المنتج. راجع معلومات ترخيص عائلة الخطوط وشروط الشراء قبل إضافة الملفات إلى بيئة الإنتاج. لا يُفترض أن ترخيص سطح المكتب وحده يغطي تضمين الخطوط على الويب.

ما يجب التحقق منه قبل اختيار الخط النهائي

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

إذا بدا أن التغيير لا يُحدث أي تأثير، فتحقق مما إذا كانت قاعدة CSS أكثر تحديدًا تُلغي تعديلك، وما إذا كان الخط مُحمّلًا بالفعل، وما إذا كنت قد حددت عنصر الصفحة الصحيح. اختبر أكثر من عرض واحد للشاشة. كانت جاذبية WebFonter الأصلية تكمن في السياق الفوري؛ أما اليوم، فإن الجمع بين نموذج MyFonts وتعديلات DevTools المؤقتة يُوفر طريقة عملية لاتخاذ خيار مدروس في الطباعة دون الحاجة إلى الادعاء بأن الأداة المتوقفة لا تزال متاحة.

اترك تعليقاً

التجارة الاجتماعية في عام 2026: التسوق عبر مقاطع الفيديو القصيرة وتوقعات نهاية العام

التجارة الاجتماعية في عام 2026: التسوق عبر مقاطع الفيديو القصيرة وتوقعات نهاية العام

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

أفضل 10 متصفحات بروكسي لتصفح أكثر أمانًا وخصوصية

أفضل 10 متصفحات بروكسي لتصفح أكثر أمانًا وخصوصية

قارن بين 10 متصفحات بروكسي وأدوات المتصفح، من Tor وOpera إلى Firefox وCroxyProxy، مع حدود الخصوصية العملية ونصائح الإعداد.

كيفية حذف منشورات فيسبوك بشكل جماعي باستخدام سجل النشاط

كيفية حذف منشورات فيسبوك بشكل جماعي باستخدام سجل النشاط

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

كيفية إصلاح خطأ ERR_TUNNEL_CONNECTION_FAILED في متصفح Chrome: 8 خطوات

كيفية إصلاح خطأ ERR_TUNNEL_CONNECTION_FAILED في متصفح Chrome: 8 خطوات

قم بإصلاح خطأ ERR_TUNNEL_CONNECTION_FAILED في متصفح Chrome عن طريق التحقق من إعدادات الوكيل وشبكة VPN أولاً، ثم استكشاف أخطاء الإضافات ونظام أسماء النطاقات (DNS) وبرامج الأمان وإصلاحها.

صندوق وارد مدمج لمتصفح فايرفوكس: الوصول إلى تطبيقات جوجل داخل جيميل

صندوق وارد مدمج لمتصفح فايرفوكس: الوصول إلى تطبيقات جوجل داخل جيميل

تعرف على كيفية دمج تطبيق البريد الوارد المتكامل في Gmail في متصفح Firefox، وما الذي لا يزال يعمل نظريًا، وكيف تتم مقارنة اللوحة الجانبية المدمجة في Gmail.

WebFonter: معاينة خطوط FontShop على أي موقع ويب - ما يعمل الآن

WebFonter: معاينة خطوط FontShop على أي موقع ويب - ما يعمل الآن

تعرف على كيفية تمكين WebFonter لك من تجربة خطوط FontShop على مواقع الويب الحية، ولماذا أصبحت الأداة الأصلية قديمة، وكيفية معاينة الخطوط اليوم.

كيفية التراجع عن منشور محرج على فيسبوك: خدعة الخمس ثوانٍ وما ينجح الآن

كيفية التراجع عن منشور محرج على فيسبوك: خدعة الخمس ثوانٍ وما ينجح الآن

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

قم بتفعيل/إيقاف إعدادات خصوصية فايرفوكس من شريط الأدوات دون الحاجة إلى صفحة About:Config

قم بتفعيل/إيقاف إعدادات خصوصية فايرفوكس من شريط الأدوات دون الحاجة إلى صفحة About:Config

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

كيفية التحقق مما إذا كان شخص آخر يقوم بالوصول إلى حساب Gmail الخاص بك

كيفية التحقق مما إذا كان شخص آخر يقوم بالوصول إلى حساب Gmail الخاص بك

هل تشك في وجود وصول غير مصرح به إلى بريدك الإلكتروني على Gmail؟ تحقق من نشاط الحساب الأخير وعناوين IP والأجهزة المسجلة الدخول والأحداث الأمنية - وتعرف على كيفية تأمين حسابك.

كيفية دمج روابط متعددة في رابط واحد قصير باستخدام Shrink2One

كيفية دمج روابط متعددة في رابط واحد قصير باستخدام Shrink2One

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