Archived

This topic is now archived and is closed to further replies.

  • 0

Googlefonts Custom Style?


Question

Posted · Report post

Hi guys,

 

I am wondering if I am restricted to only four Googlefont options OR if I can set a custom style to reference a totally different googlefont that I did not choose for the Text Headers, Primary Font, Secondary Font and Inputs/Textareas.  

 

I would like the Site Title to be a totally different font then the googlefonts I have chosen for the Text Headers, Primary Font, Secondary Font and Input/Textareas.  

 

Here is the CSS I have added with no luck:

 

a.site-title {
font-family: 'Voltaire', sans-serif;
text-transform: uppercase;
}

 

Any idea how to accomplish this?

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

I found a solution... not sure if it is the best action to take, but it worked.  

 

I went to google.com/webfonts and clicked on the quicklink link next to the font that I wanted.  I went to step 3 and copied the @import option.  Then I pasted the @import option just before the body {} in the Custom CSS/LESS under the pagelines Site Options > Custom Code.  

 

It works.  Hope this helps someone else OR if anyone has a better solution, let me know.

1 person likes this

Share this post


Link to post
Share on other sites