سؤال سهل : كيف أرفق ملف خط غريب نوعا ما استخدمه في تصميم صفحة HTML ؟؟

[نايف القزلان]

السلام عليكم

اصمم صفحة HTML واحدة فقط

واستخدم فيها خط غريب شوي

اعتقد انه موب موجود عند اغلب زوار الموقع

فأين أرفق ملف الخط هذا؟

هل يكفي ارفاقه في نفس المجلد مع الصفحة والتي نفترض ان اسمها index.html

لتعرض الصفحة لجميع الزوار بنفس هذا الخط؟


أتمنى ان اجد الاجابة


شكرا سوالف

[بلسم الحياة]

أخوي نايف


أرفع ملف الخط في المجلد الرئيسي للموقع


إن شاء الله ينفع


:con2: يا أخي خلها على الخطوط الأساسية وش تبي بالغريب :funny:

[Alhawe Graphic]

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

[Square]

الأخ نايف السلام عليكم

راجع هذا المقال من موقع مجلة PCmag
http://www.pcmag-arabic.com/article....ZpkAypnnEuUnpZ

ملحوظه
يجب أن تشترك فى المجلة لتتمكن من قراءة المقال

[q8sun]

السلام عليكم

تضمين الخطوط في صفحات ويب
الطريقة المثالية لتضمين خطّ غير تقليدي في صفحة ويب، هو أن تولد رسماً من النصّ بالخط المطلوب، ثمّ تدخل الرسم في صفحة HTML تلك. لكن بينما تعمل هذه الطريقة بشكل جيد جداً عند استخدامها للعناوين القصيرة، إلا أنها تصبح أسلوباً رديئاً بالنسبة للنصوص الأطول، لأن الرسم الناتج سيتطلّب وقت تنزيل إضافي، ولأن تحرير النصوص المرسومة بهذا الشكل، أصعب كثيراً من تحرير النصّ القياسي. وما يزيد من سلبيات هذه الطريقة أنها تجعل فهرسة النص عبر محركات البحث ضرباً من المستحيل.
البديل عن تلك الطريقة هو أن تضمن الخطوط في وثيقة ويب، بحيث يعرضها المتصفح حتى إذا لم تكن مركبة على نظام المستخدم. ويوجد حالياً خياران لعمل ذلك: الأول استخدام أداة مايكروسوفت لتضمين الخطوط Web Embedding Fonts Tool (WEFT)، التي تسمح بإنشاء ملفات خطوط بهيئة Embedded Open Type (EOT)، لإرسالها إلى مزود ويب الخاص بك، ما يسمح لمتصفح إنترنت إكسبلورر 4.0 أو ما بعده بعرضها. الخيار الثاني استخدام تقنية Bitstream التي تقدم حلاً مختلفاً، يسمح لك بتضمين خطوط مرئية في إنترنت إكسبلورر، أو نتسكيب نافيجيتور 4 (لكن ليس الإصدارة 6 و7)، عبر الإشارة إلى ملف Portable Font Resource (PFR) على موقع TrueDoc : www.truedoc.co أو على مزود ويب آخر. تتوفر أداةMicrosoft WEFT 3.2 مجّاناً للتنزيل من الصفحة www.microsoft.com/typography/web/embedding/weft3.. وتستطيع بهذا البرنامج الخدمي، أن تنشئ ملف EOT، لكلّ خطّ ترغب في تضمينه، ثمّ تكتب شيفرة الصفحات للإشارة إلى ملفات الخطّ، عبر إضافة العنصر STYLE إلى الصفحة. ويأخذ هذا العنصر الشكل التالي:


@font-face {
font-family: fontname;
font-style: italic;
font-weight: normal;
src: url(fontname.eot); }


-->

يتضمن عنصر عائلة الخطّ اسم الخطّ المشار إلى ملف EOT، الخاص به في السطر src: url. وعندما يحمّل زائر الصفحة، يعلم إنترنت إكسبلورر أن عليه البحث عن الملف Fontname.eot، عندما يصادف نصّاً يطلب إظهاره بالخطّ المعني.

انقر لمُشاهدة الصورة

يحتوي البرنامج الخدمي WEFT، على مجموعة من البرامج الإرشادية، مع نظام مساعدة جيد يوجّهك خلال العملية. وتبدأ العمل فيه بالإشارة إلى موقعك، حيث ينجز تحليلاً للخطوط. ثم تعين الخطوط التي ترغب بتضمينها خلال خطوات البرنامج الإرشادي، إلى أن ينشئ WEFT، ملف EOT المناسب معتمداً على خياراتك. وعليك أن تكمل العملية بإضافة حاوية STYLE المبينة سابقاً إلى كلّ صفحة في الموقع. وتستطيع بعد ذلك اختبار الصفحات بدخول الموقع عبر نظام ليس فيه الخطوط المتضمنة.
بالمقابل تتوفر خطوط TrueDoc الديناميكية ضمن ملفات Portable Font Resource (PFR). وتوفر Bitstream عدّة ملفات FPR على موقعها للاستخدام المجّاني في صفحاتك على ويب، بينما تتطلب أن تستضيف ملفات PFR على موقعك عند استخدام هذه الطريقة في التطبيقات التجارية.
تعمل تقنية Bitstream بواسطة واصفتي SCRIPT، وLINK، في حاوية HEAD، من وثيقة HTML، وواصفات FONT، ضمن حاوية BODY. يشير خطّ SCRIPT إلى تطبيق جافاسكريبت على موقع TrueDoc لعرض الخط، بينما تشير واصفات LINK، إلى ملفات PFR معيّنة يحتاجها المتصفّح لرسم الخطوط على الصفحة. تحيط واصفات FONT، بكل كتلة نصّ تعرض بواسطة ملف PFR، بينما تعين الواصفة FACE، الخطّ والصفات الأخرى، مثل الحجم SIZE، واللون COLOR، ما يضبط شكل الخطّ تماماً. تستطيع أيضاً استخدام صفحات الأنماط المتعاقبة (CSS) لتطبيق الخطوط باستخدام خاصة عائلة خطّ CSS.
استخدام أنواع مختلفة من الخطوط يطرح دائماً مسألة ملكية الخطّ. فبسبب الطريقة التي نستخدم فيها الخطوط، أي ندائها من داخل التطبيقات، يمكن أن ننسى بسهولة أن تلك الخطوط ليست للملك العامّ. في حالة TrueDoc، تقدم Bitstream تقنية تدعى DockLock لربط ملفات PFR إلى مزود ويب الخاص بك، والسماح للوثائق الواقعة في ذلك المزود فقط بتشكيل تلك الخطوط. لأن برنامج WEFT يعتمد على على ملفات EOT المخزنة على مزود ويب، فإنه يعمل الشيء ذاته. لكنه يقدم مرونة أعظم بالسماح بإمكانية إنتاج أيّ خطّ على شكل ملف EOT، طالما أن الخطّ مصمم من قبل مالك/مصمم الخطّ كي يكون مضمناً. يحدد WEFT، إمكانية التضمين أثناء عملية تحليله، أو تستطيع فحص الخطوط يدوياً على أنظمتك بتنزيل وتركيب Font Properties Extension من موقع www.microsoft.com/typography وتفحص صندوق حوار خصائص الخطوط في مجلد الخطوط على نظامك.


يبدو تضمين الخطّوط تحسيناً واضحاً لمصّمّمي ويب الذي يصعب عليهم قليلاً فهم لماذا لم ينتشر على نطاق واسع أكثر. ربما تكون ملكية الخطوط أحد الأسباب، والسبب الآخر قد يكون أن أياً من الحلّين الحاليين لا يعمل مع المتصفّحات الحديثة باستثناء إنترنت إكسبلورر. لكن إذا تذكرت أن العديد من المصّمّمين ينشؤون وثائق منفصلة لكل من إنترنت إكسبلورر ونتسكيب، وأن إنترنت إكسبلورر هو المتصفّح المهيمن، فإن الأمر يستحقّ تجربة TrueDoc أو WEFT، كحلّ عملي لمشكلة تصميم مستديمة.


ملاحظة ******************
منقول من
http://www.pcmag-arabic.com/article....ZpkAypnnEuUnpZ

[نايف القزلان]

اممممممممممممم

شكرا لكم

يبدو انني سأعود الى التاهوما مرة اخرى

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

اكتفيت بارفاق الخط في المجلد الرئيسي


مرة اخرى شكرا لكم

[isader.com]

تفضل أخي:
http://www.stopdesign.com/articles/replace_text/

هذي عباره عن مقاله تشرح لك طريقة استبدال النصوص (ذات أنواع الخطوط الممله) بنصوص أخرى تختار لها أنت نوع الخط الذي تريده فيها.

طريقة العمل تتلخص في عملية وضع صورة كخلفية للنص الأصلي (ذو نوع الخط الممل)، بحيث تكون هذه الصوره هي نفس الكلمه و لكن مكتوبه بخط آخر أكثر جمالاً، و من ثم تقوم بإخفاء النص الأصلي، فبالتالي تكون النتيجه هي ظهور الصوره الخلفيه و حسب.

هذه الطريقة تسهل من عملية استخدام الموقع و الدخول إليه.

أرجوا أن تستفيد منها...