How to Reset CSS Fonts Cache

Clear firefox font cache

You could try:

History > Clear Recent History > Ensure 'everything' is selected at the top, together with 'cache' and 'offline website data'

text reverting from custom to web-safe font when reloading(override cache)

I finally solved it, apparently, it was the problem of font-display: optional;, I changed it to font-display: swap; and it works now.

How to solve the problem of caching fonts and files in css?

You can use sass in your source. Use its Random() feature, as follows:
Every time the source is built, its version will be changed and the browser will call it without cache.

$version: random(9999);
$path: /YOUR_FOTNS_PATH

@font-face {
  font-family: "font-icon";
  src: url("#{$path}/fonticon.eot?v=#{$version}");
  src: url("#{$path}/fonticon.eot?#iefix&v=#{$version}")
      format("embedded-opentype"),
    url("#{$path}/fonticon.ttf?v=#{$version}") format("truetype"),
    url("#{$path}/fonticon.woff?v=#{$version}") format("woff"),
    url("#{$path}/fonticon.svg?#afam&v=#{$version}") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

Resetting Ghost default fonts

On the left-hand side of the Ghost admin screen is a tab titled "Code Injection". In this section, Ghost offers users the ability to inject valid HTML/CSS/JS on the top or bottom of each post.

I tried a number of possible solutions in there, but out of desperation, went back and tried using a <style> block once more. I was able to change the color by entering this value in the header, saving changes, then deleting and saving again:

<style>
    code {
        color: black;
    }
</style>

It's possible that I entered my formatting fixes into the <footer> box or mistyped a character, but I'd be curious to know which.

---

Related Topics