Forum Discussion
7 Replies
- We have added custom CSS to the email templates, you could try adding fonts.
- kandulmadhu10 years agoAdvisor
Hi Grazitti,
Thanks for your help.
I have tried including custom fonts in email templates but it was unsuccessful. Have you tried using them successfully?
The following is the code snippet i have added in my email template:
<style>
@font-face {
font-family: 'FrutigerNext-Regular';
src: url("${webUi.toStaticAssetUrl('/html/assets/FrutigerNext-Regular.eot')}"); /* IE9 Compat Modes */
src: url("${webUi.toStaticAssetUrl('/html/assets/FrutigerNext-Regular.woff')}") format('woff'), /* Modern Browsers */
url("${webUi.toStaticAssetUrl('/html/assets/FrutigerNext-Regular.ttf')}") format('truetype'), /* Safari, Android, iOS */
url("${webUi.toStaticAssetUrl('/html/assets/FrutigerNext-Regular.svg')}") format('svg'); /* Legacy iOS */
}</style>
This font is not getting applied in my Outlook client though.
Can you send me the correct syntax for this?
Thanx in advance,
Madhu
- Did you check this link: http://community.lithium.com/t5/Developers-Knowledge-Base/Email-template-context-objects/ta-p/75924
I am not 100% whether this would work or not. - kandulmadhu10 years agoAdvisor
Hey Grazitti,
I didn't find anything specific to Custom fonts there but thanx for the link.
Regards,
Madhu
- bhupen10 years agoAdvisor
Hi kandulmadhu Iam not sure whether its correct way or not but yes we can apply custom font on specific email template using style tag. following is the example: you can achive this by using style tag.
<head>
<title>${notification.message.author.login} mentioned you in ${community.title}</title>
<style type="text/css">
body, td { font: 10pt Arial, Helvetica; }
.post-body p { margin:0; }
</style>
</head> - kandulmadhu10 years agoAdvisor
Hi Bhupen,
Applying custom fonts is fine but how to import them?
If you any information on importing custom fonts in email templates, can you please share that?
Thanks in advance.
Regards,
Madhu
- Not feasible unless you host the fonts on a CDN. You can try including custom fonts in your templates from the CDN path.
Related Content
- 3 years ago
- 2 years ago