مصدر الأخبار: css-tricks.com
بالنسبة للعديد من مصممي ومطوري الويب الذين يعانون من الخطوط، فإن أخبار الأمس حول Google Font API جعلتهم سعداء حقًا. تتضمن واجهة برمجة التطبيقات البسيطة والعملية هذه مجموعة من مكتبات الخطوط وأدوات المعاينة، جنبًا إلى جنب مع Google وTypeKit وتحميل WebFont مفتوح المصدر. أداة تم تطويرها بواسطة WebFont تسهل على مصممي الويب الرجوع إلى الخطوط المخصصة في مواقعهم الخاصة.
يعد استخدام Google Web Fonts API أمرًا بسيطًا مثل ربط ملف CSS من Google والإشارة إلى اسم الخط في تعريف CSS الخاص بك، إليك عرضًا توضيحيًا كمرجع. في الواقع، واجهة برمجة تطبيقات Google Web Font هي @font-face، ويمكنك تنفيذها بنفسك، ولكن نهج Google له العديد من المزايا:
النطاق الترددي (تتحمل جوجل النطاق الترددي)
التخزين المؤقت (سيتم تخزين نفس الخط مؤقتًا في العديد من المواقع، ويمكن للمتصفح الحصول عليه مباشرة من ذاكرة التخزين المؤقت)
السرعة (شبكة Google CDN المتسارعة أسرع من مواقع الويب الخاصة بمعظم الأشخاص)
بالطبع، يعد تحميل ملفات CSS الخاصة بـ Google عبئًا إضافيًا، ولكن يمكنك الارتباط مباشرة بملف الخط نفسه، أو حتى تنزيل الخط إلى الموقع لإنشاء إصدار SVG الخاص بك. بالإضافة إلى ذلك، لا تدعم Google Web Font API حاليًا أجهزة iPhone وiPad.
فيما يتعلق بمحمل WebFont، فهو عبارة عن برنامج JavaScript يستخدم لتحميل الخطوط، ولا يحتاج إلى استخدامه، ولكن استخدامه سيجلب فوائد إضافية. على سبيل المثال، عندما يقوم Firefox بتحميل Google Web Fonts، فإنه سيعرض خطًا بديلاً قبل تحميل @font-face بالكامل، وبعد تحميل @font-face بالكامل، سيحل الخط الحقيقي محل الخط البديل، مما سيؤدي إلى وميض الصفحة ومن المربك أن أداة تحميل WebFont يمكنها حل هذه المشكلة.
Raph Levien هو مصمم محرف قام بتصميم خط Inconsolata. Raph هو أيضًا عضو في فريق Google Web Fonts API، وهذا المقال عبارة عن مقابلة مع Raph.
كريس:
تقدم Google الكثير من الأشياء الجيدة لمصممي الويب، بما في ذلك بعض الأشياء التي تستهلك قدرًا كبيرًا من النطاق الترددي الخاص بهم، مثل استخدام شبكة CDN الخاصة بهم لاستضافة مكتبات JavaScript. اسمح لي أن أكون متهورًا بعض الشيء، ما الذي يفعله هذا بالضبط بـ Google؟ من المؤكد أن هذا من شأنه أن يجعل خطوط الويب أسرع، ولكن ما فائدة الويب الأسرع لـ Google؟ هل تحليل البيانات والمعلومات مفيد لجوجل؟
راف:
إنه فقط لجعل الويب أسرع وأكثر ثراءً. نحن لا نجمع أي معلومات شخصية، وسجلات السجل الخاصة بنا مخصصة فقط لإحصائيات الأداء وإحصائيات الخطوط الشائعة. أفضل شيء في هذه الخدمة هو أنه، تمامًا مثل مكتبة Ajax المستضافة لدينا، نظرًا لأن العديد من المواقع تستخدم هذه الخدمات، فمن السهل على المتصفح العثور على ما تم تحميله بالفعل من ذاكرة التخزين المؤقت دون الحاجة إلى إعادة تحميله في كل مرة.
كريس:
السيناريو الأسوأ، إذا تعطلت الخطوط التي تستضيفها، فماذا يحدث للمواقع التي تشير إليها؟ هل سيتم استخدام خطوط بديلة أم شيء آخر؟
راف:
نعم، يتم استخدام خطوط بديلة، فهي مجرد CSS ويتمتع المصمم بالتحكم الكامل في الخطوط المستخدمة. بالإضافة إلى ذلك، إذا كنت تريد التحكم بشكل أفضل، يمكنك استخدام أداة تحميل WebFont. على سبيل المثال، عندما يفشل تحميل الخط، يمكنك استخدام JavaScript لتغيير CSS. وسنعمل أيضًا مع جميع مطوري المتصفحات الرئيسيين لتحسين خط الويب خبرة.
كريس:
إن تعاونك مع TypeKit مثير جدًا للاهتمام. هل يمكنك إخبارنا عنه؟
راف:
يعد TypeKit هو الأبعد عن خطوط الويب، وقد عرفنا بها منذ فترة طويلة (عمل جيف فين عليها بالفعل في Google). لذلك، بطبيعة الحال، تحدثنا عن ذلك معا. تعد خطوطنا المفتوحة أمرًا رائعًا، ولكننا لا نزال نرغب في توفير المزيد من الخطوط للمستخدمين، بالإضافة إلى ذلك، فإننا نتعاون أيضًا مع موردي الخطوط الرئيسيين الآخرين، بما في ذلك Ascender.
كريس:
تعمل بعض الخطوط المجانية أو مفتوحة المصدر بشكل عام كإعلانات لمصمميها. هل هذا عائق لمكتبة خطوط Google؟ في النهاية، تحتوي مكتبات الخطوط هذه على خطوط مقيدة.
راف:
لقد حصلنا على استجابة رائعة حتى الآن. يساهم الأشخاص بالخطوط لنا لعدة أسباب، وأحد الأسباب المحددة هو أنها تجلب لهم المزيد من الحركة لمساعدتهم على بيع المزيد من الخطوط المميزة. لا يزال هناك العديد من الأشخاص الذين يحبون تصميم الخطوط، بغض النظر عن ذلك، نحن واثقون جدًا من أن مكتبة الخطوط مفتوحة المصدر لدينا ستصبح أكثر قوة. ومع ذلك، في أي وقت، يمتلك بائعو الخطوط المحترفون خطوطًا ذات جودة أعلى.
المصدر الدولي لهذه المقالة: CSS TRICKS Google Font API & Interview (المؤلف الأصلي: Chris Coyier)
مصدر التجميع الصيني: الموقع الرسمي لنظام إدارة محتوى موقع Ruishang Enterprise CMS