לתקן פונט

הסיפור מתחיל כמו תמיד, אתר ישן, וורדפרס, שנבנה מחדש כ-20 פעמים על ידי מספר גדול עוד יותר של מפתחים. היום הלקוח גילה שהתו & מוחלף ב-₪. בשלב הזה כבר הכרתי היטב הגדרות פונטים וטווחי יוניקוד

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

@font-face {
  font-family: "Practica";
  src: url("/fonts/PracticaNarrow-Regular.woff2") format("woff2");
  font-weight: 700;

  unicode-range: U+0590-U+05FF /* << זה מוזר */
}

הדבר הראשון שעשיתי היה לנטרל את הפונט:

p {
        font-family:"Practica";
        font-family:unset;
}

הפעם ה-& הופיע - הבעיה אכן בפונט.

אז, על סמך תחושת בטן, נכנסתי ללשונית ה-network, סיננתי לפי פונטים שמגיעים מ-‘themes’ והורדתי את החשוד - PracticaNarrow-Regular.woff2. אחרי חיפוש מהיר בגוגל מצאתי אתר שמאפשר לצפות בפונט:

לעזאזל, אז מה עכשיו? אני יכול לדרוס את הגדרת הפונט עבור אמפרסנד ככה:

@font-face {
  font-family: "Practica";
  src: url("/fonts/Practica.woff2") format("woff2");
}
@font-face {
  font-family: "Practica";
  src: url("/fonts/Practica-Regular.woff2") format("woff2");
  unicode-range: U+20AA /* << זה מוזר */
}

וזהו. ה־& חזר, התיקון עלה לאוויר באותו יום ועבר את כל הבדיקות, ולא הייתי צריך לדבר עם המעצב אפילו פעם אחת. באותו יום תוקנו שני דברים: הפונט ומצב הרוח שלי.

ראו גם: איך פילטר גווני אפור שבר לי את כל הפופאפים, עוד באג CSS באתר וורדפרס ישן אחר.