#Issue on clicking on an astro built website from an email

19 messages · Page 1 of 1 (latest)

sterile cave
#

Hi Team, I am running on an issue when we send out an email with the link of the website the html content doesnt show up at all however some images are on there and some codes. Idk what's going on.

Im using CloudFlare to deploy and it's not the problem at all. It happened on our production website. The website is okay but its just when clicking on the email no matter how you send it.

Screenshots below. This page I preview is the blog template

Screenshot_20230902_060631_Chrome.jpg Screenshot_20230902_060534_Gmail.jpg
misty micaBOT
#
Quiet in here?

It looks like no-one has responded to your question yet. People might not be available right now or don’t know how to answer your question. Want an answer while you wait? Try asking our experimental bot in #1095492539085230272.

proud bay
#

Have you tried from another e-mail client? It kind of looks like an embedded view...

sterile cave
#

I also tried to open it with chrome, it's the same thing.

proud bay
#

Does it open a subpage, by any chance?

sterile cave
#

Nope it isn't it's the index

proud bay
#

It loads fine for me, but I don't have an e-mail with the link (and it shouldn't matter anyway)

sterile cave
#

It does matter because we send out emails with the link, and wherever I try it, it does it like that

proud bay
#

It shouldn't matter it's in an e-mail, it's a link. It should work regardless, as it does for me...

sterile cave
#

What I am saying is if the link is on an email, and our clients click on the link, what they'll see is this, the email is what we use for communication.

#

Would be a hell of a user experience if we ask them to copy the link and paste in a browser XD

#

But the weirdest thing though that it happens on mobile. Not sure if it's an Android thing

proud bay
#

Probably something Android related, but a webpage is a webpage, especially if static, there is nothing that can change.

#

Try and see if you can look at the requests being made from Android, I know you can on iOS, there must be a way. See if and why any fail.

sterile cave
#

Images, code and icons are fine but h1 and all other tags seem to not even render and I have this set as SSR lmao

proud bay
#

Yeah, can't really help there from here.

sterile cave
#

No worries! I might try a different approach. It's the weekend and I was looking forward to ship to Astro 3.0 and this came up T_T even using React or SolidJS

sterile cave
#

@proud bay just want to tell you I found the culprit:

    font-family: 'Atkinson';
    src: url('/fonts/atkinson-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Atkinson';
    src: url('/fonts/atkinson-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: 'Atkinson', sans-serif;
}```

It seems like font-face is not supported when someone clicks a link via an email. It was a simple fix 🤣
proud bay