Why does text change to bolder in https?

HTML & CSS
1

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.

2

Hi,

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
3

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.

4 Likes
4

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.

4 Likes
5

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