تعلم كيفية استخدام Edge Web Fonts المجانية والآمنة في Dreamweaver. Edge Web Fonts عبارة عن مجموعة من خطوط مستمدة من Adobe Typekit وGoogle Fonts.

يمكنك إضافة خطوط Adobe Edge وWeb إلى قائمة Font في Dreamweaver. في قائمة الخطوط، يتم سرد مجموعات الخطوط المدعومة لـ Dreamweaver أولاً وقبل خطوط Web وEdge Web 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. حدد Modify > Manage Fonts.

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

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

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

  5. انقر فوق Done.

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

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

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

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

  1. حدد Modify > Manage Fonts.

  2. في مربع الحوار الذي يظهر، انقر فوق علامة التبويب 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. باستخدام علامة التبويب Custom Font Stacks في مربع الحوار Manage Fonts، يمكنك إجراء ما يلي:

  • إضافة مجموعات خطوط جديدة باستخدام الزر "+".
  • لتحرير مجموعات خطوط موجودة، حدد مجموعة الخطوط من قائمة الخطوط. استخدام الزرين "<<" و">>" لتحديث قائمة Chosen Fonts.
  • احذف مجموعات الخطوط القائمة باستخدام الزر "-".
  • أعد ترتيب المجموعات باستخدام أزرار الأسهم.

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

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

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

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

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

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

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

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