@ Font-face تم إهمالها على إصدار iPhone من Safari. ما هي بديلتي؟

Question

وفق وثائق أبل, ، تم إهمال وجه الخط للاستخدام في إصدار iPhone من Safari. وتشمل iPhone فقط 11 خطوط, ، AFAIK،، وفي أي حال، أحتاج إلى خط St.ledter لطيفة للحصول على تطبيق أقوم بنا. سأكون إنشاء نص عشوائي، لذا فإن الصور ليست خيارا. ما البدائل التي لدي؟ هل أنا عالق مع حل جافا سكريبت مثل كوفون?

Answer 1

حسنا، اكتشفت للتو @font-face يدعم الآن على iPhone و iPad الحالي. الوثائق المرتبطة أعلاه، والتي هي Safari CSS المرجع يوضح المثال لكيفية تضمين الخط.

@font-face {
    font-family: "MyFamilyname", cursive [, ...];
    font-style: normal [, ...];
    font-variant: normal[, ...];
    font-weight: bold[, ...];
    font-stretch: condensed[, ...]; /* Not supported */
    font-size: 12pt;[, ...] /* Not supported */
    src: local("Font Family Name"),
        url(http://..../fontfile.ttf) format("truetype"),
        url(http://..../fontfile.ttf) [, ...];
}

أردت فقط أن أتأكد من أن شخصا آخر جاء ويقرأ هذا مثلي، تعرف الحالة الحالية.

Answer 2

يمكنك في الواقع استخدام وجه الخط. تحتاج فقط إلى استخدام خطوط SVG. هناك مرافق لتحويل TTFS إلى SVGS

انظر هذا لمزيد من المعلومات (وليس منصبي)

http:/blog.themeforest.net/tutorials/how-to-achiew-cross-browser-font-fact-support/

Answer 3

Cufón هو حقا الحل الوحيد الذي ستتمكن من استخدامه خارج الصندوق. لديها ميزة إضافية من كونها سريعة إلى حد ما على iPhone نظرا لأنها تستخدم قماش بدلا من SVG المضمنة، وتكون الخطوط التي تم إنشاؤها عادة حوالي 60-80٪ أصغر من الخطوط الأصلية (عند الضغط).

Answer 4

سأكون إنشاء نص عشوائي، لذا فإن الصور ليست خيارا.

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