Changing fonts on fontcss

Latest Reply from Alice at 2015-03-24 04:28:29
Hi everyone,
I like this theme very much but I can't change fonts in any way.
I tried changing fonts from style.css, but it didn't work.
I tried to use Easy Google Fonts plugin, but it changes the view only on the customizer page and not in the true homepage. Actually something seems to have changed, but titles, slider and widget fonts are not really influenced.
I think I should change the code on font.css... I mean, if I have to change these lines and replace the correspondent files:

@font-face {
font-family: 'OpenSansLight';
src: url('OpenSans-Light-webfont.eot');
src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('OpenSans-Light-webfont.woff') format('woff'),
url('OpenSans-Light-webfont.ttf') format('truetype'),
url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
font-weight: normal;
font-style: normal;
(etc)

...then I really have no idea on what to do not to mess up everything.
Could you help me solve this thing in some way?

Here's my blog: http://www.bigbandmachine.it

Thanks a lot for your help!

(By the way, on mobile it's a really great theme!)



Hi!

There are several css files: style.css located in the directory of the theme and the others inside /css folder.
For example, to change font of <h1> titles you need to edit the code:
a.post_ttl, .post-caption h1 {
color:#132628;
font-family: 'fetteengschriftregular';
font-size:32px;
text-transform:uppercase;
}
inside the style.css file located inside the theme directory.
Inspecting the page you will be able to find the line and the file you have to edit. We don't provide such kind of services.
Hi Alice and thanks a lot for your answer.
Of course I don't expect this kind of service from you! :)
So I have to trace and edit the code in stile.css, but NOT on font.css, right? I mean, it doesn't matter to edit also font.css to change fonts. Am I getting it right?
Hi!
Yes, you are right. This file ( font.css ) is used to include the needed fonts. But if you want to use a standard font, simply edit style.css.

Leave a reply

Add codeAdd image