You would need to edit your css. It depends on your theme, but look for something in /skin/frontend/[your_package]/[your_theme]/css/styles.css
. For example if it's Magento 1.9.1.0
with the RWD/Default
theme, then it would be in /skin/frontend/rwd/default/css/styles.css
.
You would change the line that looks something like this:
.cms-page-view .std p, .cms-no-route .std p {
font-family: Arial, sans-serif;
}
So, you can just add that to your css file if it's not in it. This is specific for the RWD/Default
theme:
.cms-page-view .std p, .cms-no-route .std p {
font-family: Verdana, sans-serif !important;
}
However, on any theme you should be able to use this in your css file:
.cms-page-view p, .cms-no-route p {
font-family: Verdana, sans-serif !important;
}
Or to apply to <p>
and <span>
sitewide:
.cms-page-view p, .cms-no-route p, p, span {
font-family: Verdana, sans-serif !important;
}
Set the font family for the relevant elements to be Lato and then Include the Lato font in the head of your email. You can do this with Google fonts Google font - Lato
If you don't do this then only users with Lato installed will render the email correctly
Best Answer
To do this you need to extend the TinyMCE editor.
Step 1
In file:
find the line that looks like this and add your font
Then do the same with this file:
These actions will add fonts to the dropdown menu in the editor.
Then you need to add a fonts file and include it in CSS files using the
@font-face
rule.Edit file:
Add code:
Then put your font file by this path:
It should look like this:
Step 2
Add font in your custom module to apply the font to the dropdown menu. It makes your font in the dropdown menu look styled.
Also, you need to include the CSS files in the layout:
Then put your font file by this path:
It should look like this
Step 3
Then do the same like in Step 2 for the frontend except layout XML file should be
default_head_blocks.xml
P.S. If anyone knows how to rewrite TinyMCE files in the custom module without touching it in the
lib
folder?