حدد Modify > Manage Fonts.
يمكنك إضافة خطوط Adobe Edge وWeb إلى قائمة الخطوط في Dreamweaver. في قائمة الخطوط، يتم سرد مجموعات الخطوط المدعومة لـ Dreamweaver أولاً وقبل خطوط Web وEdge.
إضافة خطوط Adobe Edge إلى قائمة الخطوط
يمكنك الآن استخدام خطوط Adobe Edge في صفحات الويب. عند استخدام خط Edge في صفحة، تتم إضافة علامة برنامج نصي إضافية للإحالة إلى ملف JavaScript. يقوم هذا الملف بتنزيل الخط من خادم Creative Cloud مباشرة إلى ذاكرة التخزين المؤقت للمستعرض.
عند عرض الصفحة، يتم تنزيل الخطوط من خادم Creative Cloud حتى عند وجود الخط على كمبيوتر المستخدم.
على سبيل المثال (في 12.2)، علامة برنامج نصي تستخدم الخط "Abel" فقط لها التنسيق:
<!--تقوم علامة البرنامج النصي التالية بتنزيل خط من خادم خطوط Adobe Edge Web للاستخدام في صفحة الويب. من المستحسن عدم تعديله.-->
<script src="http://webfonts.creativecloud.com/abel:n4:default.js" type="text/javascript"></script>
"abel" هو الاسم الداخلي الذي يستخدمه الخادم لتعريف الخط. يشير n4 إلى أن نوع الخط الذي يتم تنزيله من النمط "عادي" وبحجم "400".
في Dreamweaver CC، تتم إضافة البرنامج النصي كما يلي:
<!--تقوم علامة البرنامج النصي التالية بتنزيل خط من خادم خطوط Adobe Edge Web للاستخدام في صفحة الويب. من المستحسن عدم تعديله.-->
<script>var adobewebfontsappname ="dreamweaver"</script>
<script src="http://use.edgefonts.net/abel:n4:default.js" type="text/javascript"></script>
-
-
تعرض علامة التبويب Adobe Edge Fonts جميع خطوط Adobe Edge التي يمكنك إضافتها إلى قائمة الخطوط.
-
للعثور على الخطوط وإضافتها من هذه القائمة إلى قائمة الخطوط، قم بما يلي:
- انقر فوق الخط المطلوب إضافته إلى قائمة الخطوط.
- لإلغاء تحديد خط، انقر فوق الخط مرة أخرى.
- استخدام عوامل التصفية لتقليل عدد الخطوط المفضلة في القائمة. على سبيل المثال، لتقليل عدد الخطوط من النوع Serif، انقر فوق
- يمكنك استخدام عدة عوامل تصفية. على سبيل المثال، لتقليل عدد عوامل التصفية من النوع Serif التي يمكن استخدامها للفقرات، انقر فوق
و
.
- للبحث عن خط بالاسم، ادخل الاسم في مربع البحث.
-
انقر فوق
لتصفية الخطوط التي حددتها.
-
انقر فوق Done.
-
افتح قائمة الخطوط من أي موقع. على سبيل المثال، يمكنك استخدام القائمة Fontفي القسم CSS باللوحة Properties.
في القائمة Font، يتم سرد مجموعات خطوط Dreamweaver قبل خطوط الويب. قم بالتمرير إلى أسفل القائمة لتحديد موقع الخطوط التي حددتها.
من خبير:
إضافة خطوط الويب المحلية إلى قائمة الخطوط
يمكنك إضافة خطوط الويب من الكمبيوتر إلى قائمة الخطوط في Dreamweaver. يظهر أثر الخطوط التي تمت إضافتها في جميع قوائم الخطوط في Dreamweaver. الخطوط من الأنواع EOT وWOFF وTTF وSVG مدعومة.
-
حدد Modify > Manage Fonts.
-
في مربع الحوار الذي يظهر، انقر فوق علامة التبويب Local Web Fonts.
-
انقر فوق الزر Browse المقابل لنوع الخط المطلوب إضافته. على سبيل المثال، إذا كان الخط بالتنسيق EOT، فانقر فوق الزر Browse المقابل لـ EOT Font
-
انتقل إلى موقع الخط في الكمبيوتر. حدد الملف وافتحه. إذا كانت التنسيقات الأخرى للخط موجودة في هذا الموقع، فستتم إضافتها تلقائيًا إلى مربع الحوار. يتم أيضًا اختيار Font Name من اسم الخط تلقائيًا.
-
حدد الخيار الذي يطلب منك تأكيد ترخيصك للخط للاستخدام على موقع الويب.
-
انقر فوق 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) لتحديث أي خطوط ويب على صفحة الويب والتي لا تظهر في علامة البرنامج النصي.