שימוש ב unicode-range ב font-family (גוגל פונטס או פונטים אחרים)

בסניפט קודם הראתי איך ניתן לשפר את השימוש בגוגל פונטס על ידי subset או text.

פה נראה איך ניתן להשתמש ביכולת של unicode-range כדי להשיג שיפור בשימוש בפונטים.

מה שנפלא בזה אפשר להגדיר unicode-range ב font-family והפונט הזה ישמש רק למה שמוגדר בטווח והפונט יורד רק אם יש שימוש באחד התווים בטווח.

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

תוכלו להגדיר פונט חדש וב font-face להגיד לו לשמש לטווח מסוים של תווים במקרה הזה הם המספרים 0-9.

@font-face {
  font-family: 'some font family';
  font-style: normal;
  font-weight: 400;
  unicode-range: U+30-39;
}

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

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

0 0 דרג
דרג את הפוסט
הרשמה
Notify of
0 תגובות
Inline Feedbacks
הצג את כל התגובות

גם הסניפטים הבאים יעניינו אותך

0
אשמח לשמוע את דעתכם, מוזמנים להשאיר תגובהx