Please note: This is a unique inquiry and not a duplicate of How to reset css fonts cache. Please refer to the bottom of my question for more details.
TL;DR
I am seeking a reliable method to clear the font cache in Firefox, as standard methods like CTRL+F5 or CTRL+SHIFT+R are not working effectively.
The Issue at Hand
I have implemented a custom font (via CSS) on my server:
@font-face {
font-family: MySymbols;
src: url(../fonts/MySymbols.woff);
}
Recently, I added another symbol to the font (Unicode: 21C5 / ⇅).
In Chrome
In Chrome, it should display like the two arrows shown in this image. The screenshot from Chrome illustrates the correct rendering:
https://i.sstatic.net/J5Zmi.png
The "u"s following the image serve as evidence that the correct font is being loaded. The left "u" uses MySymbols as the font-family, while the right one uses a standard font.
In Firefox
However, in Firefox, the display appears differently:
https://i.sstatic.net/aUAOK.png
It seems like Firefox is still utilizing the old font face. While the left "u" appears correctly, the arrows use a standard font instead of the custom one.
Changing
src: url(../fonts/MySymbols.woff);src: url(../fonts/MySymbols_something.woff);https://i.sstatic.net/Gt0sA.png
However, reverting to the original names brings back the incorrect arrow rendering in Firefox, leading to frustration.
Attempts to Resolve the Issue
I have reviewed the thread titled: How to reset css fonts cache. I have tried all suggested solutions, but none have proven effective. Specifically, I have undertaken the following actions:
- Tried pressing
CTRL+F5 - Tried pressing
CTRL+SHIFT+R(which was previously successful) - Restarted Firefox, closed the tab, and reopened it
- Confirmed that the font is not present in any system directories using
. I did not manually install the font, and its name is not commonsudo updatedb; locate MySymbols.woff - Validated that the CSS is accurate and functional in Chrome
What could be causing this issue and what additional steps can be taken to address it?