ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down.
Read our Farewell Blog Post for more details.
I'm wondering how to use specific google web fonts. My test site is using J2.5.9, with gantry 4.1.7 and lumiere template.
And under Style>Font Settings - I see a google font list, but I wasn't sure what to do there. my intention was to use custom css by editing css/rt_lumiere-custom.css as well as using some inline styling
I've tried the following 2 things
add a new class to templates/rt_lumiere/css/rt_lumiere-custom.css
.promo5 {
font-family: 'Acme', sans-serif;
}
.promo5 {
font-size: 4.2em;
line-height: 1.4em;
}
I've also tried inline styling
<span style="font-family: 'Acme', sans-serif;">my phrase</span>
However, neither of these two attempts work for me.
I haven't created any public pages using the new class or inline styles yet. But I made a test page for special viewers only I can pass over login details if you need.
promo5 does work now when i try it in firebug on the main page:
<p class="promo5">I re-create what I have seen underwater and on the rocky shores and arrange shells, corral and sea glass into beautiful pieces of functional art.</p>
Please reply with a direct link to the issue & create a new thread for each new issue.
A template is only as good as the content that goes into it - DanG
I see what you did in the backend. That looks simple enough, and truthfully didn't think to try it... but I really only want to use the specified font on specific classes ie the .promo5 class in rt_lumiere-custom.css which now works
But I couldn't find any css/less file that contained
h1, h2 {
font-family: 'Acme','Helvetica',arial,serif;
}
Would it be possible to include one or more of the google fonts in the lumiere font group?