Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Custom font to template #267

Closed
Kajakaran opened this issue Jan 11, 2017 · 5 comments
Closed

Custom font to template #267

Kajakaran opened this issue Jan 11, 2017 · 5 comments
Labels

Comments

@Kajakaran
Copy link

Hi,

Please anyone knows how to install custom fonts and to make available in the template style font options drop down?

Thanks
Kajan

@bago bago added the question label Jan 12, 2017
@bago
Copy link
Member

bago commented Jan 12, 2017

In the header of the template (the mso comments are there because Outlook is able to read webfonts declaration but then "breaks" any declared font):

<!--[if !mso]><!-- -->
<link href="https://fonts.googleapis.com/css?family=Your+Web+Font" rel="stylesheet" type="text/css" />
<!--<![endif]-->

In the @supports -ko-blockdefs section of your template you add your font to the select box:

      face { label: Font; widget: select; options: Your Web Font, Fallback, serif=Your Web Font|Arial, Helvetica, sans-serif=Arial|Arial Black, Arial Black, Gadget, sans-serif=Arial Black|Comic Sans MS, Comic Sans MS5, cursive=Comic Sans|Courier New, Courier New, monospace=Courier|Georgia, serif=Georgia|Impact, sans-serif=Impact|Lucida Console, Monaco, monospace=Lucida Console|Lucida Sans Unicode, Lucida Grande, sans-serif=Lucida Sans Unicode|Times New Roman, Times, serif=Times New Roman|Verdana, Geneva, sans-serif=Verdana}

This will probably work, but the link will be present in the output email even if the user doesn't use this font at all.

Webfonts have too poor supports by email clients (in europe less than 25% opens happens on webfonts enabled email clients), right now, so we didn't plan supporting that use case in any special way.

@Kajakaran
Copy link
Author

@bago
Thank you for for that. I will try this.

@bago
Copy link
Member

bago commented Jan 20, 2017

Did it work?

@Kajakaran
Copy link
Author

Yes It worked
Thanks @bago

@bago bago closed this as completed Jan 21, 2017
@mkrishtopa
Copy link

Thanks @bago !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants