أضف مجموعات الخطوط وعدلها في Dreamweaver باستخدام مربع حوار Manage Fonts.

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

إضافة Adobe Edge Web Fonts إلى قائمة Font

يمكنك استخدام خطوط Adobe Edge Web Fonts في صفحات الويب. عند استخدام خط Edge في صفحة، تتم إضافة علامة برنامج نصي إضافية للإحالة إلى ملف JavaScript. يقوم هذا الملف بتنزيل الخط من خادم Creative Cloud مباشرة إلى ذاكرة التخزين المؤقت للمستعرض.

عند عرض الصفحة، يتم تنزيل الخطوط من خادم Creative Cloud حتى عند وجود الخط على كمبيوتر المستخدم.

على سبيل المثال، علامة Script التي تستخدم الخط "Abel" فقط لها التنسيق:

<!--تقوم علامة البرنامج النصي التالية بتنزيل خط من خادم خطوط Adobe Edge Web للاستخدام في صفحة الويب. من المستحسن عدم تعديله.-->

<script>var adobewebfontsappname ="dreamweaver"</script>

<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>

  1. حدد Tools > Manage Fonts.

    تعرض علامة التبويب Adobe Edge Fonts جميع خطوط Adobe Edge Web التي يمكنك إضافتها إلى قائمة Font.

  2. للعثور على الخطوط وإضافتها من هذه القائمة إلى Font الخطوط، قم بما يلي:

    • انقر فوق الخط المطلوب إضافته إلى قائمة الخطوط.
    • لإلغاء تحديد خط، انقر فوق الخط مرة أخرى.
    • استخدام عوامل التصفية لتقليل عدد الخطوط المفضلة في القائمة. على سبيل المثال، لتقليل عدد الخطوط من النوع Serif، انقر فوق
    • يمكنك استخدام عدة عوامل تصفية. على سبيل المثال، لتقليل عدد عوامل التصفية من النوع Serif التي يمكن استخدامها للفقرات، انقر فوق و.
    • للبحث عن خط بالاسم، ادخل الاسم في مربع البحث.
  3. انقر فوق  لتصفية الخطوط التي حددتها.

  4. انقر فوق Done.

افتح قائمة Font من أي موقع. على سبيل المثال، يمكنك استخدام القائمة Font في القسم CSS باللوحة Properties.

في قائمة Font، يتم سرد مجموعات خطوط Dreamweaver قبل خطوط الويب. قم بالتمرير إلى أسفل القائمة لتحديد موقع الخطوط التي حددتها.

إضافة خطوط الويب المحلية إلى قائمة Font

يمكنك إضافة خطوط الويب من الكمبيوتر إلى قائمة Font في Dreamweaver. يظهر أثر الخطوط التي تمت إضافتها في جميع قوائم الخطوط في Dreamweaver. الخطوط من الأنواع EOT وWOFF وTTF وSVG مدعومة.

  1. حدد Tools > Manage Fonts.

  2. في حوار Manage Fonts، حدد Local Web Fonts.

  3. انقر فوق الزر Browse المقابل لنوع الخط المطلوب إضافته. على سبيل المثال، إذا كان الخط بالتنسيق EOT، فانقر فوق الزر Browse المقابل لـ EOT Font.

  4. انتقل إلى موقع الخط في الكمبيوتر. حدد الملف وافتحه. إذا كانت التنسيقات الأخرى للخط موجودة في هذا الموقع، فستتم إضافتها تلقائيًا إلى مربع الحوار. يتم أيضًا اختيار Font Name من اسم الخط تلقائيًا.

  5. حدد الخيار الذي يطلب منك تأكيد ترخيصك للخط للاستخدام على موقع الويب.

  6. انقر فوق Done.

    يتم عرض قائمة الخطوط في Current List of Local Fonts.

لإزالة خط ويب من قائمة الخطوط، حدد الخط في Current List of Local Fonts وانقر فوق Remove.

إنشاء مجموعات خطوط مخصصة

مجموعة الخطوط هي قائمة خطوط بإعلان عائلة الخطوط CSS.

  1. حدد Tools > Manage Fonts، وحدد Custom Font Stacks.

    تعديل مجموعات الخطوط
    تعديل مجموعات الخطوط

  2. حدد مجموعة الخطوط من القائمة الموجودة أعلى مربع الحوار.

    يتم سرد الخطوط الموجودة في المجموعة المحددة في قائمة Chosen Fonts في يسار مربع الحوار. كما توجد قائمة بكافة الخطوط المتوفرة المثبتة على النظام لديك على الجانب الأيمن.

  3. قم بأحد الإجراءات التالية:
    • لإضافة خطوط إلى مجموعة خطوط أو إزالتها منها، انقر فوق زري الأسهم (<< أو >>) بين القائمة Chosen Fonts والقائمة Available Fonts.

    • لإضافة مجموعة خطوط أو إزالتها، انقر فوق زري الإضافة (+) والإزالة (–) في أعلى مربع الحوار.

    • لإضافة خط لم يتم تثبيته على النظام لديك، اكتب اسم الخط في حقل النص أسفل القائمة Available Fonts وانقر فوق الزر << لإضافته إلى المجموعة. وتعد إضافة خط لم يتم تثبيته على النظام لديك أمرًا مفيدًا، على سبيل المثال، لتحديد خط خاص بنظام التشغيل Windows عند تطوير صفحات على نظام التشغيل Macintosh.

    • لنقل مجموعة الخطوط لأعلى أو لأسفل في القائمة، انقر فوق زري الأسهم في أعلي مربع الحوار.

إضافة مجموعة جديدة إلى قائمة الخطوط

  1. حدد Tools > Manage Fonts.

  2. حدد خطًا من القائمة Available Fonts وانقر فوق الزر << لنقل الخط إلى القائمة Chosen Fonts.
  3. كرر الخطوة رقم 2 مع كل خط تالٍ في المجموعة.

    لإضافة خط لم يتم تثبيته على النظام لديك، اكتب اسم الخط في حقل النص أسفل القائمة Available Fonts وانقر فوق الزر << لإضافة الخط إلى المجموعة. وتعد إضافة خط لم يتم تثبيته على النظام لديك أمرًا مفيدًا، على سبيل المثال، لتحديد خط خاص بنظام التشغيل Windows عند تطوير صفحات على نظام التشغيل Macintosh.

  4. عند الانتهاء من اختيار خطوط محددة، حدد عائلة خطوط عامة من القائمة Available Fonts وانقر فوق الزر << لنقل عائلة الخطوط العامة إلى القائمة Chosen Fonts.

    تتضمن عائلة الخطوط العامة cursive وfantasy وmonospace وsans-serif وserif. إذا لم تتوفر أي من الخطوط الموجودة في القائمة Chosen Fonts على نظام المستخدم، يظهر النص بالخط الافتراضي المقترن بعائلة الخطوط العامة. على سبيل المثال، الخط أحادي المسافة الافتراضي على معظم الأنظمة هو Courier.

معاينة الخطوط المدرجة

لا يمكنك معاينة خطوط Edge وWeb في طريقة العرض Design. قم بالتبديل إلى طريقة العرض Live أو معاينة الصفحة في مستعرض لمعاينتها.

تحديث علامة البرنامج النصي لخط الويب عبر الملفات

عند تحديث الخط في ملف CSS مرتبط بملفات HTML متعددة، يُطلب منك تحديث علامة البرنامج النصي في ملفات HTML ذات الصلة. عند النقر فوق Update، يتم تحديث علامات البرنامج النصي في جميع ملفات HTML المتأثرة.

تحديث علامة البرنامج النصي لخط الويب في إحدى الصفحات

حدد Tools > ‏(Clean Up Web Fonts Script Tag (Current Page لتحديث أي خطوط ويب على صفحة الويب والتي لا تظهر في علامة البرنامج النصي.

تم ترخيص هذا العمل بموجب الترخيص العام غير المعدل الخاص بالإسناد وعدم التجارة والمشاركة الإصدار 3.0 ‏من ‏‏Creative Commons‏‏  إن بنود Creative Commons لا تشمل منشورات Twitter™‎ وFacebook.

إشعارات قانونية   |   سياسة الخصوصية على الإنترنت