بالنسبة للعديد من مصممي ومطوري الويب الذين يعانون من الخطوط، فإن أخبار الأمس حول 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؟ في النهاية، تحتوي مكتبات الخطوط هذه على خطوط مقيدة.
لقد حصلنا على استجابة رائعة حتى الآن. يساهم الأشخاص بالخطوط لنا لعدة أسباب، وأحد الأسباب المحددة هو أنها تجلب لهم المزيد من الحركة لمساعدتهم على بيع المزيد من الخطوط المميزة. لا يزال هناك العديد من الأشخاص الذين يحبون تصميم الخطوط، بغض النظر عن ذلك، نحن واثقون جدًا من أن مكتبة الخطوط مفتوحة المصدر لدينا ستصبح أكثر قوة. ومع ذلك، في أي وقت، يمتلك بائعو الخطوط المحترفون خطوطًا ذات جودة أعلى.