הוספת גופני Edge וגופני אינטרנט לרשימה Font‏ (CC)

ניתן להוסיף הן גופני Adobe Edge והן גופני אינטרנט לרשימה Font ב- Dreamweaver. ברשימה Font, מחסניות גופנים נתמכות של Dreamweaver מופיעות ראשונות ברשימה, לפני גופני אינטרנט וגופני Edge.

כעת באפשרותך להשתמש בגופני Adobe Edge בדפי האינטרנט שלך. כאשר גופן Edge נמצא בשימוש בדף, מתווסף תג קובץ Script נוסף להפניה אל קובץ JavaScript. קובץ זה מוריד את הגופן משרת Creative Cloud ישירות אל מטמון הדפדפן.

בעת הצגת הדף, מתבצעת הורדה של הגופנים משרת Creative Cloud גם אם הגופן זמין במחשב המשתמש.

לדוגמה, (ב- 12.2), תג קובץ Script שמשתמש רק בגופן "Abel" מופיע בתבנית:

<!--תג קובץ ה- Script הבא מוריד גופן משרת גופני האינטרנט של Adobe Edge לצורך שימוש בדף האינטרנט. מומלץ לא לשנות אותו.-->

‎<script src="http://webfonts.creativecloud.com/abel:n4:default.js" type="text/javascript"></script>‎

"abel" הוא השם הפנימי שהשרת משתמש בו כדי לזהות את הגופן. n4 מציין שמשתנה הגופן שמתבצעת הורדה שלו הוא בעל סגנון "normal" ועובי "400".

ב- Dreamweaver CC, קובץ ה- Script שנוסף הוא כדלקמן:

<!--תג קובץ ה- Script הבא מוריד גופן משרת גופני האינטרנט של Adobe Edge לצורך שימוש בדף האינטרנט. מומלץ לא לשנות אותו.-->

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

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

ממומחה:

הוספת גופני אינטרנט מקומיים לרשימה Font

באפשרותך להוסיף גופני אינטרנט מהמחשב שלך לרשימה Font ב- Dreamweaver. הגופנים שנוספו באים לידי ביטוי בכל תפריטי Font ב- Dreamweaver. אין תמיכה בגופנים מהסוג EOT‏, WOFF‏, TTF ו- SVG.

יצירת מחסניות גופנים מותאמות אישית

מחסנית גופנים היא רשימת גופנים בהצהרת משפחת גופנים של CSS. באמצעות הכרטיסייה Custom Font Stacks של תיבת הדו-שיח Manage Fonts, באפשרותך לבצע את הפעולות הבאות:

• הוסף מחסניות גופנים חדשות באמצעות הלחצן "+".
  
• כדי לערוך מחסניות גופנים קיימות, בחר את מחסנית הגופנים מהרשימה Font. השתמש בלחצנים “>>” ו- "<<" כדי לעדכן את הרשימה של Chosen Fonts.
  
• מחק מחסניות גופנים קיימות באמצעות הלחצן "-".
• סדר מחדש מחסניות באמצעות לחצני החצים.

הצגת גופנים שנוספו בתצוגה מקדימה

אין באפשרותך להציג גופני Edge וגופני אינטרנט בתצוגה מקדימה בתצוגת Design. עבור לתצוגת Live או הצג את הדף בתצוגה מקדימה בדפדפן כדי להציג אותם בתצוגה מקדימה.

עדכון תג Script של גופני אינטרנט בכל הקבצים

כאשר אתה מעדכן את הגופן בקובץ CSS שמקושר לקבצי HTML רבים, תתבקש לעדכן את תג Script בקבצי ה- HTML הקשורים. כשתלחץ על Update, תגי Script בכל קבצי ה- HTML שהושפעו יעודכנו.

עדכון תג Script של גופן אינטרנט בעמוד

בחר Commands > Clean Up Web Fonts Script Tag ‏(Current Page) כדי לעדכן כל גופן אינטרנט שקיים בעמוד אינטרנט ולא משתקף בתג Script.