צור חבילת גופני רשת
בחר גופני TTF, OTF, WOFF או WOFF2 כדי ליצור קובצי WOFF2, קובץ CSS ותצוגה מקדימה ב־HTML. לפני שילובם באתר, בדוק את טקסט הדוגמה ואת השם, המשקל, הסגנון והתצוגה בזמן טעינה ב־CSS, ואז שמור את החבילה כקובץ ZIP. לא מבוצע חיתוך תווים.
מה אפשר לעשות
אריזו קבצים לאינטרנט
צרו WOFF2, CSS ותצוגה מקדימה ב-HTML מתוך TTF, OTF, WOFF או WOFF2. ניתן לבחור כמה גופנים יחד.
בדקו גליפים והגדרות CSS
בדקו איך נראים הגופנים שהומרו. ניתן לשנות לפי הצורך את השמות, המשקלים והסגנונים שבהם משתמשים באינטרנט ואת תצוגת הטעינה.
שתפו את המערך כ-ZIP
שמרו את תיקיית הגופנים, את fonts.css ואת preview.html כמערך אחד. השתמשו בהם כשמיקומם היחסי נשמר.
איך להשתמש
בחרו גופנים יחד
בחרו גופנים שבהם תוכלו להשתמש באינטרנט. אם אתם משתמשים בכמה גופנים, בחרו אותם יחד.
בדקו מראה והגדרות אינטרנט
הזינו טקסט לתצוגה מקדימה ובדקו כל גופן. כדי לשנות את שמו, את משקלו או אפשרויות אחרות, פתחו את הגדרות ה-CSS של אותו גופן.
צרו את החבילה ושמרו את ה-ZIP
לחצו על «צור חבילת גופני אינטרנט» ושמרו את webfont-kit.zip שנוצר.
חלצו והוסיפו לדף אינטרנט
חלצו את הקבצים תוך שמירת מיקומם של תיקיית הגופנים, של fonts.css ושל preview.html. טענו את ה-CSS בדף שבו תשתמשו בגופנים והשתמשו בשמות הגופנים שצוינו.
מתי כדאי להשתמש
הכינו אתר לפרסום
אריזו את הגופנים שלכם לפורמטי אינטרנט ול-CSS כדי להכין את הקבצים הדרושים לשילוב.
מסרו את המערך המלא לצוות ההפקה
אריזו כמה גופנים, כגון רגיל ומודגש, ומסרו אותם עם קובץ HTML הכולל טקסט לבדיקה.
כיצד גופנים ו-CSS עובדים יחד
WOFF2 הוא פורמט גופן לאינטרנט
מכינים WOFF2 הכולל את התווים המקוריים. התווים אינם מוגבלים לתת-קבוצה. גודל הקובץ משתנה בהתאם לגופן.
רישום שמות, משקלים וסגנונות ב-CSS
הגדרות אלה קובעות אילו סגנונות מבוקשים ישתמשו בגופן זה באינטרנט. הן אינן הופכות את גליפי הגופן למודגשים או לנטויים.
הבחנו בין שם זהה לפי משקל וסגנון
הסגנון הרגיל והמודגש יכולים להשתמש באותו שם, אך שילוב זהה של שם, משקל וסגנון אינו יכול לחזור על עצמו.
בחרו את התצוגה בזמן הטעינה
כברירת מחדל מוצג תחילה גופן גיבוי, והמעבר מתרחש כאשר הגופן מוכן. ניתן לשנות את ההתנהגות של ההמתנה והמעבר בהגדרות ה-CSS אם נדרש.
שמרו על מיקומם היחסי של הקבצים
הקובץ fonts.css מפנה לקבצים כגון fonts/font-1.woff2. אם תזיזו את התיקייה את ה-CSS, התאימו את נתיבי ההפנייה בהתאם.
שאלות נפוצות
היכן כדאי להניח את הקבצים שנוצרו?
חלצו את ה-ZIP והניחו את תיקיית הגופנים, את fonts.css ואת preview.html כך שמיקומם היחסי יישמר. טענו את fonts.css מהדף שלכם והשתמשו בשם הגופן שצוין ב-CSS.
כיצד זה שונה מהמרת פורמט בלבד?
מסך זה אורז יחד WOFF2 עם CSS ותצוגה מקדימה ב-HTML. אם ברצונכם רק להחליף את פורמט הגופן, השתמשו בכלי «ממיר פורמטי גופנים».
אפשר לשמור רק את התווים שאני משתמש בהם?
מסך זה אינו מבצע תת-קבוצה של תווים. הוא מכין גופנים ששומרים על התווים המקוריים.
האם שינוי המשקל מעבה את התווים?
ההגדרה מציינת את ערך המשקל שבו משתמשים ב-CSS. היא אינה משנה את הגליפים בקובץ הגופן. כדי להשתמש במודגש או בנטוי, ספקו קובץ הכולל את הגליפים האלה.
אפשר להשתמש בכמה קבצים עם אותו שם גופן?
ניתן לרשום קבצים במשקלים או בסגנונות שונים. אם שילוב זהה של שם, משקל וסגנון חוזר על עצמו, בדקו את ההגדרות הרלוונטיות.
מה קורה כשבוחרים גופנים שוב?
מערך הגופנים הנוכחי וה-ZIP שנוצר מוסרים, ומערך חדש שנבחר נטען. בחרו את כל הקבצים שברצונכם להמשיך להשתמש בהם יחד עם החדשים.
מה קורה אם לא כל תווי הדוגמה מוצגים?
תווים שאינם כלולים בגופן עשויים להוצג בגופן אחר. בדקו אילו תווים נתמכים ואיך הם נראים במקום שבו ייעשה שימוש בגופן.
מה קורה אם גופן אינו נטען?
בחרו שוב גופנים בפורמט נתמך. אם קובץ כלשהו במערך אינו ניתן להמרה או לטעינה, מערך חלקי לא נשמר.
קלט ותוצאות
- קלט
- TTF, OTF, WOFF ו-WOFF2. ניתן לבחור כמה קבצים יחד.
- תנאים
- בדקו את תנאי השימוש בגופני הקלט, כולל הטמעה באינטרנט.
- הגדרות
- שמות, משקלים, סגנונות ותצוגת טעינה שבשימוש ב-CSS.
- פלט
- webfont-kit.zip. כולל WOFF2, fonts.css ו-preview.html.