Title font weight

Hi @michoubonn.

Thank you for contacting us and for using our theme.

This is how your website looks like on my side – https://prnt.sc/jf99sp

Could you tell me what exactly you’re trying to achieve, and what CSS (if any) you’ve added to the Additional CSS?

Kind regards.

Hi, thanks for your help. The font is bold which I don’t like and I don’t know why. I added these lines to the CSS:
.entry-content p {text-align: justify;}
.post {text-align: justify;}
.page {text-align: justify;}
.attachment {text-align: justify;}

/* caveat-regular – latin */
@font-face {
font-family: ‘Caveat’;
font-style: normal;
font-weight: 400;
src: url(‘../fonts/caveat-v4-latin-regular.eot’); /* IE9 Compat Modes */
src: local(‘Caveat Regular’), local(‘Caveat-Regular’),
url(‘../fonts/caveat-v4-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘../fonts/caveat-v4-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘../fonts/caveat-v4-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
url(‘../fonts/caveat-v4-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘../fonts/caveat-v4-latin-regular.svg#Caveat’) format(‘svg’); /* Legacy iOS */
}

/* caveat-700 – latin */
@font-face {
font-family: ‘Caveat’;
font-style: normal;
font-weight: 700;
src: url(‘../fonts/caveat-v4-latin-700.eot’); /* IE9 Compat Modes */
src: local(‘Caveat Bold’), local(‘Caveat-Bold’),
url(‘../fonts/caveat-v4-latin-700.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘../fonts/caveat-v4-latin-700.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘../fonts/caveat-v4-latin-700.woff’) format(‘woff’), /* Modern Browsers */
url(‘../fonts/caveat-v4-latin-700.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘../fonts/caveat-v4-latin-700.svg#Caveat’) format(‘svg’); /* Legacy iOS */
}

/* raleway-regular – latin */
@font-face {
font-family: ‘Raleway’;
font-style: normal;
font-weight: 400;
src: url(‘../fonts/raleway-v12-latin-regular.eot’); /* IE9 Compat Modes */
src: local(‘Raleway’), local(‘Raleway-Regular’),
url(‘../fonts/raleway-v12-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘../fonts/raleway-v12-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘../fonts/raleway-v12-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
url(‘../fonts/raleway-v12-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘../fonts/raleway-v12-latin-regular.svg#Raleway’) format(‘svg’); /* Legacy iOS */
}
/* lato-regular – latin */
@font-face {
font-family: ‘Lato’;
font-style: normal;
font-weight: 400;
src: url(‘../fonts/lato-v14-latin-regular.eot’); /* IE9 Compat Modes */
src: local(‘Lato Regular’), local(‘Lato-Regular’),
url(‘../fonts/lato-v14-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘../fonts/lato-v14-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘../fonts/lato-v14-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
url(‘../fonts/lato-v14-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘../fonts/lato-v14-latin-regular.svg#Lato’) format(‘svg’); /* Legacy iOS */
}
/* montserrat-regular – latin */
@font-face {
font-family: ‘Montserrat’;
font-style: normal;
font-weight: 400;
src: url(‘../fonts/montserrat-v12-latin-regular.eot’); /* IE9 Compat Modes */
src: local(‘Montserrat Regular’), local(‘Montserrat-Regular’),
url(‘../fonts/montserrat-v12-latin-regular.eot?#iefix’) format(’embedded-opentype’), /* IE6-IE8 */
url(‘../fonts/montserrat-v12-latin-regular.woff2’) format(‘woff2’), /* Super Modern Browsers */
url(‘../fonts/montserrat-v12-latin-regular.woff’) format(‘woff’), /* Modern Browsers */
url(‘../fonts/montserrat-v12-latin-regular.ttf’) format(‘truetype’), /* Safari, Android, iOS */
url(‘../fonts/montserrat-v12-latin-regular.svg#Montserrat’) format(‘svg’); /* Legacy iOS */
}
/* tagline */
.tagline {
font-size: 20px;
}

/* caption */
.frontpage-slider .caption
h2 {
font-size: 30px;
}

/* post title */
.entry-title {
font-size: 16px;

}

/* post content and single post content */
.entry-summary, .single-content {
font-size: 14px;
line-height: 24px;
}

/* text in widgets */
body {
font-size: 12px;
}

/* widget title */
h3.widget-title {
font-size: 17px;
}

/* footer widgets lists */
.footer-widgets ul li a {
font-size: 15px;
}
.frontpage-slider .caption h2 { text-transform: none; } .frontpage-slider .caption .read-more { text-transform: none; } .tagline p { text-transform: none; }
.logo .header-logo-text {
text-transform: capitalize; font-size: 49px;

}

I do have another website emma-schumacher.de which has the same additions to the CSS but the title is fine.

Hi @michoubonn,

I noticed that you’re using local Raleway font which should have font-weight 200. Can you comment out or remove the lines responsible for loading Raleway from your server inside Appearance → Customize → Additional CSS and see if this helps?

Kind regards

Hi ??
With the new rules concerning user data I removed every reference to and from google so I needed to load the fonts on my server.
I changed the font-weight. Funnily enough the title trembled for a second but remains bold.

As far as I can see, the font weight of the logo text is 200. And that equals “normal” text.

Unrelated to the actual subject, I really see no connection between that EU law about user data and usage of Google fonts from Google’s server.

Well, the connection is that google is a third party that gathers information about the blog’s reader (ip adress, location and the surfing behaviour as far as I understand it). So I would need a contract with google and opt-out plug-ins and what the heck. So I just changed it to what you see. And it works on the other blog.
Even if I change the weight it doesn’t make a difference . it won’t get fatter or thinner.

Could be, though I haven’t understood it that way, then again since I’m not in EU nor I’m a business owner, I don’t quite care either. ??

On a related side, this CSS will make the title bold(er):

.logo .header-logo-text {
    font-weight: 900;
}

Kind regards.

?? I don’t do business either. It concerns everybody who is out there gathering data. We’ll see how it works because as a user I really hate that I get ads wherever I go because google and FB like to follow me. But those big players will find a way around it, I guess.
Oh, making it bolder works but I cannot make it thinner ?? Bugger! ??
Thanks for your help ??

Ah, privacy on the Internet… Unfortunately, no such thing. ??

Regarding the font-weight, you can change it to 100, but I doubt you’ll see any difference. While 900 is the boldest setting.

IMHO, in this case, I think there’s something wrong somewhere in your local implementation of Google fonts.

If you go to https://demo.lyrathemes.com/kale/ look at the title and then look at the CSS affecting it, shown here:

.logo .header-logo-text {
	line-height: 60px;
	font-size: 60px;
	font-weight: 200;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
}

and compare it with yours, something somewhere obviously doesn’t fit. ??

Yes. That is what bothers me. I just don’t know what happened. It doesn’t matter which font I use – they are all bold. ??

I got it – I only used the snippet for raleway 100 now and that did it. Thanks for your patience ??

You’re welcome. ??

Glad that you’ve made it work.

Could you please mark this thread as “Resolved”.

Thank you.

Of course although now I do have the trouble with the second blog. It is on the same server and has the same css ??

Forgot the check.

michoubonn (@michoubonn) can i ask you wich plug in you uses to put social icons on uop left?

thanks a lot