embedding adobe font in html email signature

New Here ,
Jan 30, 2020 Jan 30, 2020

Copy link to clipboard

Copied

Hello!

 

I made a html email signature that I want to use in Mail (Apple).

I wrote the code and added the link for embedding the font. It all works but when I send an email to another computer, the text is not displayed in the font I want, so the font embedding does not work.

 

Here is the code:

<!doctype html>
<html>
<head>
<style>
body {
text-align: left
}
body {
color: #273943
}
body {
font-size: 14px
}
body {
font-family: "source-code-pro"
}
</style>
</head>
 
<body>
<img src="https://i.imgur.com/DS0TRFn.jpg" title="Collid'or" />
<br>
<br> Jana Holvoet
<br> Textielvormgever
<br> O476 351 74O
<br><a href="http://www.collidor.be" target="_blank">www.collidor.be</a>
<br>
<br> BTW BE O726.519.9O4 <br>
</body>
</html>
 
Is there an error in the code or is it the email client that blocks embedding?
Any help would be fantastic!
 
Thanks in advance.

 

TOPICS
Code , Error , How to

Views

1.9K

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 30, 2020 Jan 30, 2020

Copy link to clipboard

Copied

I'll preface this by saying: it's been a long time since I used a Mac, longer since I used the Mail program on one.

It likely has to do with sending a link to an external file.

In my personal email client, not only will the font not show up, but neither will any of the images unless/until I say it's OK to download them. The default security settings don't let it happen.

Mixing HTTP and HTTPS sources in the same document could be the culprit. Mixing secure and insecure content is generally treated poorly by both browser and email client security settings.

Using @import instead of a <link> might also be the problem.

Here's an interesting page, highlighting the differences between various email clients and how they treat styling in html emails...

https://www.campaignmonitor.com/css/

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jan 30, 2020 Jan 30, 2020

Copy link to clipboard

Copied

E-mail is still a primitive, text-based form of communication.  It's not even close to being a website.  For that reason, I have never tried to use embedded fonts in e-mails.  

 

As far as an e-mail signature goes, I would use an online generator because they've been tested to work in the major clients like Yahoo, Gmail, Apple Mail and others.

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jul 20, 2021 Jul 20, 2021

Copy link to clipboard

Copied

LATEST

Custom fonts, such as fonts created specifically for a company, can be used in email signatures. However, as a custom font is most likely not installed on an external recipient's device, the font may not to show correctly on your email signature and a fall back font, such as Times New Roman, will be used.

Not only does the type of font you use in an email signature matter, but so does the style of the font; your email signature font could damage your brand’s reputation.

Using a garish or wacky font in a corporate email signature, such as in the examples below, is not recommended as this can come across as unprofessional.

But If you are looking for HTML Email Signatures than Please refer to the below link

https://www.template.net/editable/email-signatures

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines