Highlighted

embedding adobe font in html email signature

New Here ,
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

417

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

embedding adobe font in html email signature

New Here ,
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

418

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
Jan 30, 2020 0
Adobe Community Professional ,
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
Reply
Loading...
Jan 30, 2020 0
Adobe Community Professional ,
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, ACP
Alt-Web Design & Publishing

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
Reply
Loading...
Jan 30, 2020 0