نص SIFR تمتد/ضبابية في Google Chrome

Question

أجاب

كانت أفضل إجابة أدناه جيدة بالنسبة للمكافأة ، لكن إجابة المستخدم آرون هي الإجابة الصحيحة. جلسة:

.sIFR-flash {
width:100%;
}

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

أجاب

---

يبدو أنني أواجه بعض المشكلات مع Chrome على وجه التحديد التي تم استبدال SIFR بالتحل عن النص الممتد (و Blury) في حاوية فلاش. لا يوجد أي متصفح آخر يفعل هذا (يبدو جيدًا في IE6،7،8 ، FF ، Safari ، Opera). هل هذا خطأ معروف/هل لدى أي شخص حل؟

إليك مثال يمكنك النظر إليه على هذا الموقع: http://uvph.com/

وهنا رمز استبدال:

// -- configure sifr
var futura = { src: '/swf/bfuturah.swf' };

sIFR.activate(futura);

sIFR.replace(futura, {
    css: [
        '.sIFR-root { background-color:transparent; color: #999999; font-size:24px; text-transform:uppercase; }'
    ],
    fitExactly      : true,
    forceClear      : true,
    forceSingleLine : true,
    selector        : 'h2',
    transparent     : true
});

Answer 1

هممم هذا غريب حقًا. لقد قمت بتحميل اختبار موقعك على الخادم الخاص بي وكل شيء يعمل بشكل جيد في Chrome. البديل الأفضل بكثير لـ SIFR هو http://cufon.shoqolate.com/generate/ إنه أصغر بكثير وأسرع بكثير ، لكن لا يمكنك تحديد النص بعد الآن

Answer 2

لا يمكنني استخدام @font-face حيث يتضخم خطتي بشكل سيء وأحتاج إلى نص يمكن اختياره. لإصلاح التمدد العمودي لـ sifr الخاص بي في IE9 ، أضفت العرض: Block ؛ الارتفاع: 1.45EM ؛ إلى .sifr-flash الذي بدا أنه يتطابق مع IE8 و Firefox ، استخدمت أيضًا حجم خط الجسم بنسبة 70 ٪ ، مما يعطي وميضًا صغيرًا إضافيًا أثناء التحميل ولكن توقف التمدد.

Answer 3

لقد لاحظت أن تحديد عرض .sifr-flash إلى 100 ٪ يبدو أنه يصحح المشكلة.

Answer 4

استخدم @Font-Face Property of CSS. يتم دعمه الآن في جميع المتصفحات الشائعة (بما في ذلك IE و Chrome). http://www.useragentman.com/blog/2009/09/20/font-face-in-depth/ لديه منشور جيد للغاية حول استخدام @font-face عبر جميع المتصفحات وتستخدم الصفحة نفسها خطوط مخصصة. يستحق التحقق =)

Answer 5

بادئ ذي بدء: تعيين "forcesingleline" إلى "false". إذا كان هذا لا يزال لا يساعد: تحقق من خصائص CSS للنص الذي تريد تقديمه. يجب أن يكون نوع العرض للعنصر المقدم نفسه (وليس الوالد!) "كتلة" ، وإلا "العرض: 100 ٪" ليس له أي تأثير على الإطلاق. يمكن تحقيق أفضل النتائج للكروم إذا تم تطبيق SIFR على عنصر كتلة مع عرض ثابت - لكن هذا النهج لن يكون دائمًا ممكنًا.

Answer 6

أظن أنه شيء غريب بين Chrome و Flash Player. يبدو الأمر كما لو أن فيلم Flash يتم توسيعه بشكل غير صحيح. يقوم الفيلم بإصلاح نفسه عند النقر فوقه.

ماذا لو قمت بتعيين sIFR.useDomLoaded = false قبل sIFR.activate()?