היכרות עם ארבע תכונות בינלאומיות חדשות ב-CSS

Jack J
Jack J

ארבע תכונות חדשות בינלאומיות חדשות של CSS Text Module ברמה 4 מגיעות ל-Chrome. בפוסט הזה מוסבר מה כבר נשלח ומה יהיה בקרוב.

  • החל מגרסה 119 של Chrome: פיצ'ר השורה של הביטוי ביפנית עם word-break: auto-phrase.
  • מאחורי דגל של Chrome 120: ריווח בין סקריפטים עם המאפיין text-autospace.
  • בפיתוח: צמצום סימני פיסוק בסינית, יפנית וקוריאנית (CJK) למאפיין text-spacing-trim.
  • שמירה על גודל גופן מינימלי עקבי בשפות שונות.

מעבר של שורות ביטויים ביפנית: word-break: auto-phrase

התכונה הזו משפרת את הקריאות של טקסט ביפנית, והיא זמינה ב-Chrome 119.

שפות מסוימות במזרח אסיה, כמו סינית או יפנית, לא משתמשות ברווחים כדי להפריד בין המילים, ושורות יכולות להופיע בכל תו, גם אם הוא באמצע מילה. זוהי ההתנהגות הרגילה של שבירת שורות בשפות האלה, אבל עדיף להשתמש בניסוחים קצרים של טקסט, כמו כותרות או שירים, כדי לעטוף שורות בגבולות ביטויים טבעיים (ביפנית, הגבול הזה נקרא "Bunsetsu").

תכונת ה-CSS החדשה word-break: auto-phrase מציינת שצריך להגדיר גלישת טקסט בגבולות האלה.

<html lang="ja">
<style>
h1 {
  word-break: auto-phrase;
}
</style>

<h1>窓ぎわのトットちゃん<h1>
מעבר מילים: הביטוי האוטומטי עוטף את הקו שבגבולות של הביטוי הטבעי.
word-break: auto-phrase עוטף את הקו בגבול של הביטוי הטבעי.

מנוע למידת מכונה מבצע זיהוי גבולות, ולכן יכול להיות שהוא לא ייתן את התוצאות הרצויות. במקרה כזה, אפשר לשנות את הנקודות שבירות באופן ידני. תג <wbr> או רווח ברוחב אפס (&ZeroWidthSpace;) אוכף נקודה שבירה, ו-מצרף רוחב אפס (&zwj;) מונעים הפסקה.

窓ぎわの<wbr>トットちゃん
ユーザー<wbr>インターフェース

בשלב זה, Chrome תומך בתכונה הזו רק ביפנית, באמצעות יציאת BudouX C++ שמשתמשת בטכנולוגיית AdaBoost ML. אפשר לקרוא מידע נוסף בנושא ב-Google Developers Japan: BudouX: 読や年改るすめす軽量すちる.

אנחנו מתכננים לתמוך בקוריאנית ובסינית בגרסאות עתידיות של Chrome.

ריווח בין כתבי יד: text-autospace

התכונה הבאה נמצאת כרגע מאחורי דגל ב-Chrome. כדי לבדוק אותה, צריך להפעיל את הדגל תכונות ניסיוניות של פלטפורמת האינטרנט (שנמצא ב-chrome://flags/#enable-experimental-web-platform-features) ב-Chrome 120 ואילך.

סינית ויפנית משלבות מספר כתבי עת, ספרות האן, לטינית ו-ASCII, וכן היראגאנה וקאטאקאנה במקרה של יפנית. מרווחים קטנים במעבר מסקריפטים אידאוגרפיים שאינם בני אדם ובהם בדרך כלל קריאים יותר.

מערכת Chrome מתכננת להוסיף ריווח בין סקריפטים כברירת מחדל. התכונה הזו היא שיטה נפוצה, שנמצאת בשימוש נרחב בחומרים מודפסים, במטרה לשפר את נוחות הקריאה באינטרנט.

ברירת המחדל החדשה מחילה רווחים קטנים כדי לשפר את הקריאוּת, שניתן לשלוט בהם באמצעות רווח אוטומטי של טקסט.
ברירת המחדל החדשה מחילה רווחים קטנים כדי לשפר את הקריאוּת, שניתן לשלוט בה באמצעות text-autospace.

אם רוצים להשבית את ההתנהגות הזו, המאפיין text-autospace מאפשר לשלוט בהוספת הרווחים.

text-autospace: no-autospace;

צמצום הפיסוק ב-CJK: text-spacing-trim

התכונה הבאה נמצאת בשלבי פיתוח, במטרה שהיא תופעל כברירת מחדל ב-Chrome.

בסינית, ביפנית ובקוריאנית, החלת הצמצום בין תווי פיסוק משפרת את נוחות הקריאה ויוצרת טיפוגרפיה נעימה יותר. רוב החומרים המודפסים ומעבדי התמלילים מיישמים את הקידוד הזה היום.

לדוגמה, נקודות CJK וסוגריים סוגרים CJK מתוכננים בדרך כלל לכלול רווחים גליפים-פנימיים בחצי הימני של רווחי הגליף, כך שלכל תו תהיה התקדמות קבועה.

אבל כאשר תווי הפיסוק האלה מופיעים בשורה, הריווח הפנימי הזה נעשה בצורה מופרזת. בשתי הדוגמאות הבאות, הטיפוגרפיה השנייה היא הטיפוגרפיה הנכונה. צריך להסיר את החצי הימני של ה-CJK.

כאשר תווי הפיסוק מופיעים בשורה, יש להסיר את החצי הימני של סימן ה-CJK.
כשסימני הפיסוק מופיעים בשורה, יש להסיר את החצי הימני של סימן ה-CJK.

התנהגות ברירת המחדל מספקת תוצאות טובות באופן כללי, אבל מפתחים יכולים להשתמש במאפיין text-space-trim כדי לבחור סגנונות שונים, או כדי להשבית אותה במקרים מסוימים.

שמירה על גודל גופן מינימלי עקבי בשפות שונות

לפני Chrome 118, גופנים בגודל של פחות מ-10 פיקסלים או פחות לא עובדו כפי שצוין, אלא עוגלו כלפי מעלה אם השפה הייתה ערבית, פרסית, יפנית, קוריאנית, תאית, סינית פשוטה או סינית מסורתית. המפתחים היו זקוקים לפתרונות עקיפים לעיבוד טקסט קטן, למשל באמצעות שימוש בנכס transform.

החל מגרסה 118 של Chrome, המגבלה הזו תוסר בכל השפות, כך ששבע השפות יתאימו לשאר. השינוי הזה משפר את יכולת הפעולה ההדדית עם דפדפנים אחרים.

החל מגרסה 118 של Chrome, ההגבלה שלפיה גופנים בגודל של פחות מ-10 פיקסלים לא יוצגו, כפי שצוין, הוסרו לגבי ערבית, פרסית, יפנית, קוריאנית, תאילנדית, סינית פשוטה או סינית מסורתית.
החל מגרסה 118 של Chrome, ההגבלה שלפיה גודל הגופנים הקטן מ-10 פיקסלים לא יוצגו כפי שצוין הוסרה עבור ערבית, פרסית, יפנית, קוריאנית, תאילנדית, סינית פשוטה או סינית מסורתית.

יצירת מעורבות ושיתוף משוב

אם יש לכם משוב על התכונות האלה, אפשר לדווח על בעיה בכתובת crbug.com.