الخط مكافحة مستعارة في صفحة HTML

Question

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

ولقد حصلت عليه أنشئت في HTML / CSS ولكن على المتصفحات القديمة أو في نظام التشغيل التي لا تدعم تنعيم كما الافتراضي يبدو قليلا ... كربي.

ولقد لعبت مع تقنية sIFR ، التي عملت بشكل جميل ولكن أعطاني بعض الآثار الرهيبة تحميل ولكن أنا أتساءل الآن ما إذا كان هناك طريقة ل:

وأ) القيام المتصفح / كشف OS لتقسيم المستخدمين عن طريق دمج متصفح / OS والتي أعلم دعم تنعيم (أنها تحصل HTML الخام) و"الآخرين" الذين يحصلون على علامة صورة.

وب) نوعا من جافا سكريبت لإضافة الحواف؟

وج) حل دائم لتحميل صورة BG في شعبة وإخفاء النص HTML. (وأنا أعلم، وأنا أعلم، وجوجل قصص الرعب عن اجتثاث الفهرسة ... ولكن هل من الممكن؟)

Answer 1

وأ) بالطبع يمكنك استخدام الكشف المتصفح. أسهل طريقة للقيام بذلك وربما تستخدم مسج الصورة <لأ href = "http://docs.jquery.com /Utilities/jQuery.browser "يختلط =" نوفولو noreferrer "> طريقة متصفح . (مسج هو مكتبة جافا سكريبت الهائلة التي تجعل الكثير من JS التنمية أسهل في حال لم تكن قد سمعت)

واعتمادا على ما المتصفح (أو OS) النتائج التي تحصل عليها، هل يمكن أن تقدم للمستخدم مع حلول مختلفة، من النص العادي إلى ما يشبه الحل فلاش.

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

وب) يمكنك في الواقع خلق النص مكافحة مستعارة عبر جافا سكريبت. إلقاء نظرة على مشروعي الموت Stimme Gottes (و"صوت الله" - وليس للدينيا شديد الحساسية) على سبيل المثال. في هذا المشروع، واستخدمت typeface.js للحصول على ذلك.

وج) مجرد استخدام CSS، ربما؟

h1.welcome {
    background: url('the-welcome-image.png') no-repeat;
    color: transparent;

و}

Answer 2

و+1 تعليق هانك. لديك القليل جدا لتكسبه من خلال القيام بذلك. بعض متصفحات سطح المكتب (بما في ذلك IE7 + وسفاري) بدوره على تنعيم افتراضيا حتى عندما يكون حالا على مستوى نظام التشغيل، والحديث (بعد XP) أنظمة التشغيل تميل إلى تشغيله بشكل افتراضي على أي حال. من خلال إجبار AA على بقية، عليك:

و(+) تحسين العرض قليلا عن IE6 وXP + فايرفوكس المستخدمين الذين غير قصد لم يكن لديك AA

و(-) جعل تحميل أبطأ للجميع (ولكن خصوصا مستخدمي الأجهزة النقالة محدودة)

و(-) هزيمة يفضل أحجام الخطوط

و(-) بلا سبب إزعاج luddites الذين تعطيل متعمد تنعيم لأنه "كل ضبابية" (*)

و(*: هناك حالات محدودة حيث هذا لا حتى يكون له معنى، ولا سيما بالنسبة للشاشات CRT القديمة، غامض)

Answer 3

حسب يتطلع إليها أفضل الطرق (في أي أمر حقيقي) هي:

1) استخدام صورة. إذا كنت تعتمد على كبار المسئولين الاقتصاديين للموقع ثم بكل الوسائل إضافة أتش تي أم أل وإخفاء ذلك باستخدام المغلق <لأ href = "http://stopdesign.com/archive/2003/03/07/replace-text.html" يختلط = "نوفولو noreferrer "> باستخدام أحد هذه الأساليب

2) typeface.js - JS التي ستعمل في معظم المتصفحات الحديثة. لديه بعض الخلل ومواطن الخلل ولكن يعمل بشكل جيد. إذا كنت تريد الذهاب لإجبار تنعيم على المستخدمين ثم يعمل هذا. استخدام لماما. مؤلف العمل على أوبرا وIE8 التوافق على الرغم من ...

2) تقنية sIFR - النصي ممتاز الذي يحل محل المناطق التي اخترتها من النص حيوي مع أفلام فلاش. مرة أخرى بعض الخلل ومواطن الخلل، ولكن إذا كنت ببساطة ترغب في رهيبة الخط أبحث ثم وهذا هو الكمال. يزيد تحميل الصفحة الخاصة بك على الرغم من ذلك من أي وقت مضى أكثر أقل، واستخدام لماما.

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

Answer 4

ولون الخلفية القوة، وإعادة تحديد ذلك عن فئة أو عنصر مع نفس لون الخلفية. يعمل.

span.your_class {
    writing-mode: tb-rl;
    filter: flipv fliph;
    background-color: #006cb8 !important;
}

Answer 5

وفلاش أو سيلفرلايت هي أفضل الرهانات الخاصة بك لكبيرة تبحث الخط تقديم