amuzzy
Hello. I have successfully changed the fonts on my obsidian portal page, but there is a noticeable delay before the fonts are changed to the ones I have selected in the css. First a "normal" font appears, and then after about a second it gets replaced by the google font I am using. Please take a look at my CSS below, and tell me if there is a way I could better optimize it. The page is http://opportunity-knocks.obsidianportal.com. Thanks for taking the time to look at this.
/* Old West Font for Headers */
h1 { font-family: 'Rye'; }
h2 { font-family: 'Rye'; }
h3 { font-family: 'Rye'; }
h4 { font-family: 'Rye'; }
h5 { font-family: 'Rye'; }
h6 { font-family: 'Rye'; }
/* Use Paired Font for Text */
.campaign-public-layout { font-family: 'Montserrat', sans-serif; }
/* Use Paired Font for Menus */
.campaign-public-layout #campaign-nav { font-family: 'Montserrat', sans-serif; }
.campaign-dashboard-layout #dashboard-main-nav { font-family: 'Montserrat', sans-serif; }
Comments
You can shorten your CSS like so:
/* Old West Font for Headers */
h1, h2, h3, h4, h5, h6 { font-family: 'Rye'; }
/* Use Paired Font for Text and menus */
.campaign-public-layout, .campaign-public-layout #campaign-nav, .campaign-dashboard-layout #dashboard-main-nav { font-family: 'Montserrat', sans-serif; }
But that's not going to affect anything other than making it way easier to change things if you decide you want a different font later.
Personally, I'd probably drop the Montserrat and just use Rye for the headings plus the default for the body. However, it's up to you whether or not you like Montserrat more than you dislike the pause before the fonts load. (I kinda hope someone comes along to tell me I'm totally wrong on this!)