My custom fonts aren't showing in my forms.

Hmmm...I thought I had this working, but no:

I've added CSS to load custom web fonts to my forms, and I thought it was all working, but I now they aren't displaying when I view the forms on other machines. (so I guess they're just loading from my drive?) I'm pretty sure this was working!

I had been embedding the forms on my site, but some code on my site was getting in the way of the forms, so I recently switched over to iFrames to get around that...but the fonts don't seem to work going directly to the forms from Jotform either.

see:

https://form.jotform.com/91996213962266

Using the dev tools in Chrome, it seem to indicate that the font is loaded, but it's not displayed. (But maybe there's no error, because it just falls back to serif?)

The font should be Caslon Ionic—see it on my site, it's the main body font:

https://www.ragandbone.ca/Pages/About_us.html

Could you please try clearing your browsers cache? I have checked it in my end, and it appears to be loading the correct font:

Let us know if you need more help.

Hmm...the odd issue is that _my_ browser is displaying the correct fonts, so clearing my cache isn't going to do it.

It's hard for me to tell, but I don't think the correct font is loading in your example.

I've attached 2 screenshots, one from my machine, and one from a windows machine—they're not the same font (sorry for the size):

First, the correct font from my machine:

Now, the other, from a Windows install—not bad, but not the same:

I have inspected your code, and found the issue, please remove this from your code:

@font-face {

    font-family : "Caslon Ionic", serif;

    src : url(https://www.ragandbone.ca/webfonts/Caslon_Ionic_Web/CaslonIonic-Regular-Web.woff);

}

Example:

Let us know if you need more help.

Thanks. I can't look at it right now, but I'll get back to you if I have any more questions.

I appreciate your help.

Yes, as I'm sure you know, that fixed it.

Again, thanks for the excellent support.