أي ميزة لاستخدام خط SVG في وجه الخط بدلا من TTF / EOT؟

Question

أنا أقوم بالتحقيق في استخدام خطوط SVG في إعلان @ Font-face. حتى الآن، يبدو أن Safari 4 والأوبرا 10 فقط يدعمه. Firefox 3.5 لا يدعم ذلك ولكن هناك تقرير خطأ ولكن لم يتم توفير أي إصلاح بعد (على الرغم من وجود بقع).

أنا أتساءل، مع دعم وجه الخط في المتصفحات الرئيسية، ما هي ميزة استخدام تنسيق خط SVG بدلا من تنسيقات TTF / OTF / EOT؟ الميزة الوحيدة التي يمكنني الاستمتاع بها من المناقشة المرتبطة أعلاه هي أنه يمكنك إضافة خطوط Gylphs المفقودة إلى الخطوط التي لا تدعمها بعد.

هل هناك أي سبب آخر لتحديد خطوط SVG في CSS؟

Answer 1

يبدو أنه الطريقة الوحيدة لاستخدام الخطوط الويب على Safari المحمول. هذه ميزة كبيرة جدا إذا كنت تقوم بتطوير iPhone والأجهزة iPads. السنجاب الخط @ مولد وجه الخط يمكن أن تخلق بناء ملف SVG المناسب و SSS من أي خط OpenType.

Answer 2

ال W3C. تنص هذه المزايا:

واحد عيب في مرفق WebFONT حتى الآن هو أن المواصفات مثل [CSS2] لا تحتاج إلى دعم تنسيقات خط معينة. والنتيجة هي أن التطبيقات المختلفة تدعم تنسيقات خط الويب المختلفة، مما يجعل من الصعب على منشئي موقع الويب لنشر موقع ويب واحد باستخدام WebFonts الذي يعمل عبر جميع وكلاء المستخدمين.

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

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

ولكن نقطة تنسيق شائع لا يحسب حقا بسبب عدم وجود دعم المتصفح.

Answer 3

لا يمكن أن تعمل SVG WebFonts ضمن WebApp غير المتصل. يمكنك الاطلاع على مثال هنا: http://straathof.acadnet.ca/beta2.2. احفظ هذا الملف على الصفحة الرئيسية ODEVICE، قم بتشغيل وضع الطائرة وفتحه. تتسبب خطوط SVG ونظام التسمية المستخدمة في فشل عنوان URL للخط.

نأمل إصلاح التفاح ذلك قريبا.