Changing font in Hero Unit
Posted 30 May 2013 - 08:43 PM
I tried to change the font family for the paragraphs inside a Hero Unit on my home page, because I want the font to be different only there.
I am using the following custom CSS, because the only hero I use is the one on the home page, otherwise I would probably assign it an ID. Anyway, here comes the CSS I'm using:
Posted 30 May 2013 - 09:34 PM Best Answer
To change a font using the google font method, please see Dannys example on
As per the example, you might need to use #site or #page as a Pagelines override to the code.
Posted 31 May 2013 - 11:46 AM
James, many thanks for your reply.
I've found Danny's post very useful, and it does clarify the matter.
I am still not able to achieve my goal though, not even with the overriding mechanism.
I realized it only happens with google fonts: does this give us a hint?
Changing to any other non-google font works, even without the override.
I can live with this of course, but it would be good to understand why this is happening.
Posted 31 May 2013 - 12:34 PM
You can't simply add a font family: custom font; to a class and expect it to work. You will most likely need to use @Font face see here for more information -
Posted 01 June 2013 - 01:37 PM
Thanks Danny very helpful. I'm sorted on this matter. Regards