Why does text change to bolder in https?

In Chrome, when I view the web page with a http:// address the text looks the way I like it.
But when I view the same page in https:// address that same text looks more bold (thicker). Why?

Here is the code:

#head .lead { font-family:"Open sans", Helvetica, Arial; font-size:54px; margin-bottom:24px; color:white; line-height:1.15em; } 

@media (max-width: 767px) {
	#head { min-height:420px; padding-top:160px; }
	#head .lead { font-size: 34px; }
	<header id="head">
		<div class="container">
			<div class="row">
				<h1 class="lead">START TODAY</h1>

Any help will be appreciated.


I don’t think the answer can be deduced from the details you give.

Do you have a link to a page where you see this happen?

1 Like

I’m guessing that your custom font is not appearing over https but as Erik said we can’t really tell without looking at both pages.


To test, try changing the custom font to something more exotic and noticeable. Or a safer bet if it’s a live site, change the fall-back font to a serif one, so you know that you are seeing it instead of the custom.


This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.