להגדיר פונט שונה רק למספרים

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

 @font-face {
    font-family: myFirstFont;
    src: url(sansation_light.woff);
}

 

עוד דוגמא:

@font-face {
  font-family: 'AlmoniTzarAAA';
  src: url('/wp-content/plugins/fontpress/fonts/AlmoniTzarAAA/AlmoniTzarAAA.eot');
  src: url('/fontpress/fonts/AlmoniTzarAAA/AlmoniTzarAAA.eot?#iefix') format('embedded-opentype'),
     url('/fontpress/fonts/AlmoniTzarAAA/AlmoniTzarAAA.woff') format('woff'),
     url('/fontpress/fonts/AlmoniTzarAAA/AlmoniTzarAAA.ttf') format('truetype'),
     url('/fontpress/fonts/AlmoniTzarAAA/AlmoniTzarAAA.svg#AlmoniTzarAAA') format('svg');
}
font.fp_ff_AlmoniTzarAAA, font.fp_ff_AlmoniTzarAAA * {
  font-family: "AlmoniTzarAAA";
}

 

 

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

@font-face {
  font-family: 'font for numbers';
.....
  unicode-range: U+30-39;
}

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