Support Team
posted this
06 July 2020
Hi Mark,
You can connect any custom font manually, just follow these steps:
1. Please add a font-face rule.Specify the path to the font. Add it in Site Settings >> CSS or in HTML control inside the style tags:
<style>
@font-face {
font-family: Pompadur;
src: url(fonts/pompadur.ttf);
}
</style>
2.Download the font to the specified address
3.To apply this font to the page elements you need to add custom CSS for each element, like:
<style>
@font-face {
font-family: Pompadur;
src: url(fonts/pompadur.ttf);
}
h3 {
font-family: Pompadur;
}
</style>
Also, please note these elements should not have their own settings and use default ones in Nicepage, then your custom code will work.
Let us know if you still have any questions.
...................................................
Sincerely,
Susanna I.
Nicepage Support Team
Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp
Hi Mark,
You can connect any custom font manually, just follow these steps:
1. Please add a font-face rule.Specify the path to the font. Add it in Site Settings >> CSS or in HTML control inside the style tags:
<style>
@font-face {
font-family: Pompadur;
src: url(fonts/pompadur.ttf);
}
</style>
2.Download the font to the specified address
3.To apply this font to the page elements you need to add custom CSS for each element, like:
<style>
@font-face {
font-family: Pompadur;
src: url(fonts/pompadur.ttf);
}
h3 {
font-family: Pompadur;
}
</style>
Also, please note these elements should not have their own settings and use default ones in Nicepage, then your custom code will work.
Let us know if you still have any questions.
...................................................
Sincerely,
Susanna I.
Nicepage Support Team
Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp
Last edited 06 July 2020 by Support Team