Add montserrat font to emails in prestashop

I would like to add external font (Montserrat) to email.
Can you help me where to add it? 

But still no luck with adding @import in <style> tag.
Also I cannot add <link> tags to the editor.
If you have any clue, much appreciated.



Hello
okay, so to add "montserrat" font from google to emails you will need to use a tool (on module configuration page) that allows to alter email contents: https://i.imgur.com/oFR9Ub5.png 

There are two possibilities. First - if you use some module that extends rich text editor like our "tinymcepro"

  1. open module "tinymcepro" configuration page
  2. there is a form to define custom fonts, add there new instance of font: Montserrat with definition: Montserrat https://i.imgur.com/keic45m.png 
  3. then go back to "rewards" module configuration page
  4. open "email templates manager"
  5. click on edit button near email template where you want to include montserrat font
  6. "html template" window has tool "source code": https://i.imgur.com/mmvlWp8.png - press it
  7. at the end of the file paste this code: <style>@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');</style>
  8. if you want to write text in this font, you will need to select text and from "fonts" menu select "montserrat" as i show on the video: https://drive.google.com/file/d/1SPvchW7oS7VvgdoHXb0pNGQAiYeoIZnk/view?usp=drivesdk 


Second possibility - if you do not have any rich text editor module

  1. go to /modules/ordercoupons/modules/mail/ directory
  2. open email language directory
  3. open a template file - for example oc_voucher.html
  4. at the end of the file paste code <style>@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');</style>\
  5. then go back to module configuration page and use "email templates manager" tool
  6. use source code tool to add style="font-family:montserrat" to text that you want to type in montserrat font






best regards
milos

Share on Google Plus

About VEKIA

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment

0 comments:

Post a Comment