cancel
Showing results for 
Search instead for 
Did you mean: 

SIM - Relay Response - CSS - Fonts

Hello,

 

I think I know the answer to my issue from reading through the forums but hope to clarify. My SIM / relay response page works just fine. However, I'd like to use my website fonts on it, and they are not loading, even though I used an absolute path to them.

 

From reading here, it seems that because they are not HTTPS, they won't get processed through the transact.dll.

 

Is that correct? It seems like an unfortunate performance penalty just to invoke HTTPS for one or two fonts to match my site - any workaround possible? The relay response URL is: http://www.followerof.com/transaction_response.asp .

 

The CSS that is not working in the relay response URL when it lands after a transaction, is below.

 

Thanks,

Dan

@font-face {
    font-family:AmbleLight;
    src: url('http://www.followerof.com/Amble-Light-webfont.eot');
    src: url('http://www.followerof.com/Amble-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.followerof.com/Amble-Light-webfont.woff') format('woff'),
         url('http://www.followerof.com/Amble-Light-webfont.ttf') format('truetype'),
         url('http://www.followerof.com/Amble-Light-webfont.svg#AmbleLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

 

dan_yyz
Member
4 REPLIES 4

In FF, did they show any error in

Tools - Web Developer - Web Console

[16:03:02.216] downloadable font: download failed (font-family: "AmbleLight" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: http://www.followerof.com/Amble-Light-webfont.woff

 

You could probably use javascript to redirect back to your site to display the response.

RaynorC1emen7
Expert

Hi there,

 

Yes:

 

[17:03:23.744] GET http://www.followerof.com/Amble-Regular-webfont.woff [HTTP/1.1 404 Not Found] - it also said, [Mixed Content]

 

and:

 

[17:03:23.911] downloadable font: download failed (font-family: "AmbleRegular" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: http://www.followerof.com/Amble-Regular-webfont.woff

 

[17:03:24.165] downloadable font: download failed (font-family: "AmbleRegular" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed
source: http://www.followerof.com/Amble-Regular-webfont.ttf


[17:03:24.165] downloadable font: no supported format found (font-family: "AmbleRegular" style:normal weight:normal stretch:normal src index:4)
source: (end of source list)

You can also use https://textandfonts.com/aesthetic-text-generator/ for generating unlimited useful fonts for your website and social media use as well.

Perry121
Member

Hii, I tried to use the method u mentioned above:  https://textandfonts.com/projectqt-aesthetic-text-generator/, but it doesn't work, please help!!!