كيفية إنشاء عناوين ناعمة مع HTML و CSS؟

Question

لقد رأيت الكثير من صفحات الويب مؤخرًا ، والتي لها عناوين ناعمة للغاية ، مثل هذا الموقع الإلكتروني على سبيل المثال: http://boagworld.com/

كيف يذهبون للقيام بذلك؟ هل هناك أي أدلة خفية؟

عند نقطة ما ، سمعت من تقنية حيث استخدموا فلاش (على ما أظن) لتضمين خطوط مخصصة على موقع ويب ثم استبدال العناوين العادية ببديل فلاش.

ما هي الطرق الأخرى إلى جانب فلاش؟

Answer 1

على افتراض أنك لا ترغب في استخدام الصور كبديل للنص ، فهناك العديد من التقنيات ، التي تتكيف مع تعزيز الخطوط بطريقة غير مزعجة للغاية:

• استخدام فلاش - سيفر
• نقي CSS = @font-face وتضمين الخطوط مباشرة في ttf أو otf
• جافا سكريبت تقنية التحسين ، يتم استدعاء البرنامج النصي كوفون

أنا شخصياً أحب استخدام الخطوط الآمنة على شبكة الإنترنت مع مزيج من أقل شهرة والقيام باحتفال مناسب

Answer 2

إنهم يستخدمون فقط الصور كخلفية CSS لبعض الأشياء ، في هذه الحالة:

http://boagworld.com/wp-content/themes/boagworldv2/images/logo.gif

يمكنك أن تفعل ما تريد مع بعض الصور و CSS ، شيء مثل:

#header { background: #FFFFFF url(myLogoImg.png) center no-repeat; }

Answer 3

إذا كنت لا ترغب في استخدام استبدال الصور أو SIFR ، ولكنك تريد خطوط مخصصة ، فيجب عليك إلقاء نظرة على Typekit - http://typekit.com/. يتيحون لك استدعاء الخطوط المخصصة (التي يتم ترخيصها لك) مباشرة من ورقة الأنماط الخاصة بك مع أسرة الخط ، واستخدام JavaScript مضمنة على صفحتك لتقديم الخطوط من خوادمها. أنا أستخدمها خدمتهم في مشروع في الوقت الحالي ، ويبدو أنها تعمل بشكل جيد حتى الآن. ليس لديهم مكتبة ضخمة من الخطوط المتاحة حتى الآن ، لكنها لا تزال أكبر من Arial و Verdana و Georgia و Times New Roman.

Answer 4

أوصي كوفون لهذا. إنه غير فلش (JavaScript) ، وسهل الإعداد حقًا ، ويتحلل بأمان.