add google fonts

MrRugby
15 Posts
MrRugby posted this 05 July 2020
Ask a Question

How do I change my fonts in the theme as i want to use these fonts from google

https://fonts.google.com/specimen/Graduate#standard-styles

How do I change my fonts in the theme as i want to use these fonts from google https://fonts.google.com/specimen/Graduate#standard-styles
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 06 July 2020

Hi Mark,

If this font is not included in the application fonts list, then it can be added only manually with the code.

...................................................
Sincerely,
Hella
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, If this font is not included in the application fonts list, then it can be added only manually with the code. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
MrRugby
15 Posts
MrRugby posted this 06 July 2020

how do i do that

how do i do that
Support Team
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

You must log in or register to leave comments