Firefox not handling Google import font?

37 views Asked by At

I'm using this in my css

@import url('https://fonts.googleapis.com/css2?family=Cardo&family=Libre+Caslon+Display&display=swap');

then further on

body {
    font-family: 'Cardo','Baskerville', serif;
...

Chrome displays this just fine, i.e., the Cardo font in text. But Firefox (115.7.0esr) switches things around. FontFinder extension shows

...
Font font-family (stack)     serif "Cardo" "Baskerville"
Font being Rendered          System Default      100.0% (local)
...

and it's showing this wrong font as italic as well. How is this being munged by Firefox? I'm guessing Firefox is not doing the font import from Google properly? Does it require a woff addition to my css? What would that look like?

0

There are 0 answers