Depending on the font (like a web font or just a built-in font) you could add to your CSS something like this:
@import url(http://fonts.googleapis.com/css?family=Open+Sans); /* needed for the web font */
body {
font-family: 'Open Sans', sans-serif; /* references the web font (Open Sans) then has sans-serif font as the fallback */
}
The above example is for using a Google font, which you can see different ones here (but don’t go too crazy with webfonts).
If you have Jetpack installed you should be able to enable and use the Custom CSS option without worrying about breaking or modifying your theme.
Customizr has a Custom CSS option; you don’t need Jetpack for it.
i’m using marck script font in my webpage now, but the font size looks too small on Chrome, does the custom css give me the posibility to make the font bigger, and if it’s possible which would be the code?
Don’t have chrome installed, so cannot test it. You could try:
.chrome body {
font-size: 1.2em;
}
in your Custom CSS. Change the 1.2 to suit.
Hi there,
I am also trying to change the general font of this theme.
What CSS code can I type to change the font to “Trajan”
I am completely noob at all of this btw.
@teambc as per the forum welcome, please open your own thread and include a link to your site.
@curtjen I too am a noob using the Customizr Theme. I want to change the fonts for the site tagline, site name, headers, and body text etc… I understand that I can make changes to the CSS in my child-theme OR via Customizr’s Custom CSS option section… Per your recommendation earlier:
`@import url(http://fonts.googleapis.com/css?family=Open+Sans); /* needed for the web font */
body {
font-family: ‘Open Sans’, sans-serif; /* references the web font (Open Sans) then has sans-serif font as the fallback */
}`
In your recommendation above, I noticed it says “needed for web font */body… Does this mean that this code will ONLY affect the fonts in the “body text” of my posts? Or will it also allow me to change my font in things such as the tagline, the site name, headers etc… ? (sorry if this is totally elementary, but like I said I’m in unfamiliar territory here… Thanks so much for your kind help.
(My site is still in maintenance mode so I can’t share a link for it yet…)
@tresayung
Making that change in your child theme’s stylesheet should work just fine. As for the code above, using the CSS for the boy tag should make it so everything (including the general text, taglines, etc.) use that font.
But, as per the forum welcome, in the future it would be best to open your own forum post 🙂
@curtjen , and @xkurikox Got it, thanks. Much appreciated. 🙂 (I will indeed open my own forum post in the future…)
Thanks all for helping get this issue/post resolved and closed.
