تضمين الخطوط التجارية في مواقع الويب

Question

مساء الخير سيداتي و سادتي!

البحث عن حل متصفح لضمان خطوط تجارية مثل Helveticaneue أو Univers وما إلى ذلك.لقد وجدت بعض الأساليب الواعدة.

بادئ ذي بدء، سأقوم بإدراج جميع الأساليب الموجودة والحديثة وسهلة الاستخدام هنا:

1. سيفر
2. كوفون
3. محرف.js
4. وجه الخط CSS3

SIFR معروف جيدًا ويسهل تنفيذه نوعًا ما ، لكن كما أعلم ، ليس سهلاً كما هو الحال مع أشقاء JavaScript فقط ، Cufón و Typface.js.

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

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

Last but not least there is this 'new' CSS property, called font-face, which is incredibly easy to use, but for our loved IE we need to convert the files into EOT (Embedable OpenType) files.

Therefore special CSS declarations are needed for IE, to be able to use these fonts inside the browser.

السؤال هو الآن:

ما هو أفضل أسلوب لاستخدام هذه الخطوط التجارية على مواقع الويب؟

شكرا لإجاباتك مدروسة بشكل جيد، وأنا أقدر ذلك!

Answer 1

Finally after some hours research and testing I found a VERY nice solution for embedding special fonts into websites.

يعد استخدام النهج عبر CSS3 Font-face هو الحل الأفضل.

Microsoft Weft عبارة عن حل ، ولكن أفضل طريقة للقيام بذلك ، هي استخدام الأداة المفتوحة "TTF2EOT" ، والتي يمكن العثور عليها هنا: http://code.google.com/p/ttf2eot/

يمكن العثور على واجهة أمامية قائمة على الويب من خلال البحث عن "معالجات kirsle" على Google.

الشيء الوحيد الذي يجب ملاحظته هو دعم المتصفح ...

حول Safari و Opera لست متأكدًا ، لكن Safari 4 عملت بالنسبة لي ، وأوبرا 10 أيضًا.

(So Chrome doesn't support it I guess, due to usage of an older webkit version?!)

Based on our agency's clients' tracking statistics "only" 15 to 20% of their visitors use incompatible browsers like Firefox 2.0 or 3.0, older Safari or Opera versions or Chrome.

Answer 2

يحتوي الجزء السفلي من هذه الصفحة على معلومات حول كيفية القيام بذلك باستخدام HTML وCSS بشكل مباشر:http://www.albinoblacksheep.com/text/font