Fonts for Pages

junepath · November 8, 2015

I've google all day long and I can't figure it out, so as a last resort I am going to annoy the folks here with a question that has undoubtedly come up before.

I'm using the Octavia theme, and chose a chunky font for the sidebar/logo. Looks great for a menu, easy to read. As the main font for pages? Not so much.

I can't figure out for the life of me how to fix the font on JUST the page. Every time I try to adjust the theme, it changes the font on the entire site, including the menu, which I'm happy with as is.

Help!

Hikin' Mike · November 8, 2015

We need a link to your site and/or the specific page.

junepath · November 8, 2015

Hikin' Mike wrote: »

We need a link to your site and/or the specific page.

Sorry about that

ericabickel.smugmug.com

The only text I've inputted at this time is Pricing and FAQ. It's all pretty under construction, I'm trying the new smugmug for a spin after using it as simply storage for the last few years.

Hikin' Mike · November 8, 2015

I forgot to ask...What font do you want to use for the body?

junepath · November 8, 2015

Hikin' Mike wrote: »

I forgot to ask...What font do you want to use for the body?

I hadn't made it that far because every time I played with the fonts it changed the whole page and messed everything up. I think any easy to read font would work to start, once I know how to change it I can always change the font. Thanks

Hikin' Mike · November 8, 2015

Can't give you the code without knowing want font you want. If you set on using that font for your nav/logo, then I can give you the code for the nav/logo font. The you can use select a font using the customizer....if that makes sense.

junepath · November 8, 2015

Hikin' Mike wrote: »

Can't give you the code without knowing want font you want. If you set on using that font for your nav/logo, then I can give you the code for the nav/logo font. The you can use select a font using the customizer....if that makes sense.

I went through real quick and the Oxygen font through Google Docs seems to make the pages more readable. So maybe we could try that one? Thanks

Hikin' Mike · November 8, 2015

Try this. Add this to your site-wide CSS (your theme)

/**
* Changes Font on all Pages
***************************************************/
@font-face {
	font-family: 'Oxygen';
	font-style: normal;
	font-weight: 400;
	src: url('https://fonts.gstatic.com/s/oxygen/v5/RuRdwqUdkfYP0fpTfyGHiA.eot'),
		 url('https://fonts.gstatic.com/s/oxygen/v5/RuRdwqUdkfYP0fpTfyGHiA.eot?#iefix') format('embedded-opentype'), 
		 url('https://fonts.gstatic.com/s/oxygen/v5/eAWT4YudG0otf3rlsJD6zOvvDin1pK8aKteLpeZ5c0A.woff') format('woff'),
		 url('https://fonts.gstatic.com/s/oxygen/v5/78wGxsHfFBzG7bRkpfRnCQ.woff2') format('woff2'),
		 url('https://fonts.gstatic.com/s/oxygen/v5/f8OBjBbevvywgbyJOxlO7Q.ttf') format('truetype'),
		 local('Oxygen'), 
		 local('Oxygen-Regular');
}

.sm-user-ui .sm-page-widget-text {
	font-family: 'Oxygen';
	font-style: normal;
	font-weight: 400;
	}

junepath · November 8, 2015

That got the text pages to move to a readable font, thanks! For some reason that font doesn't seem to accept the bold function but I'll work on that.

Hopefully this is the only CSS I need to bother with, that was why I left Smugmug as a portfolio years ago, way too much of this sort of stuff. If this is the only issue though, I think that they have definitely made enough improvements to use this as both storage, client proofing and storage.

junepath · November 8, 2015

Ok another weird question, and I have a feeling the answer is in "themes" but I can't figure it out.

When I input that CSS it changes the font on a couple of the other pages that I didn't mind the font on (Galleries specifically) so I'd really like to create a theme that I ONLY use on text based pages, but I can't seem to figure out how to duplicate the theme I have, edit the CSS, and then save it. I know that I did it once on accident, but can't seem to figure out HOW I did it. And of course I deleted that theme so I can't just go back and rename it and use it.

Hikin' Mike · November 8, 2015

junepath wrote: »

That got the text pages to move to a readable font, thanks! For some reason that font doesn't seem to accept the bold function but I'll work on that.

You'll need to load the bold font too:

@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts.gstatic.com/s/oxygen/v5/RuRdwqUdkfYP0fpTfyGHiA.eot'),
        url('https://fonts.gstatic.com/s/oxygen/v5/RuRdwqUdkfYP0fpTfyGHiA.eot?#iefix') format('embedded-opentype'), 
        url('https://fonts.gstatic.com/s/oxygen/v5/yVHpdQrmTj9Kax1tmFSx2ltXRa8TVwTICgirnJhmVJw.woff2') format('woff2'),
        url('https://fonts.gstatic.com/s/oxygen/v5/yVHpdQrmTj9Kax1tmFSx2rO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'),
        url('https://fonts.gstatic.com/s/oxygen/v5/yVHpdQrmTj9Kax1tmFSx2qCWcynf_cDxXwCLxiixG1c.ttf') format('truetype'),
        local('Oxygen Bold'), 
        local('Oxygen-Bold');
}

junepath · November 8, 2015

Ok, fonts wise, things are all working out now

Thank you so much, you've been a ton of help

Fonts for Pages

Comments