Open Sans Extra-Bold 800 will not display properly

Hello. I’ve been using enfold for quite some time now. I’ve dug through all the past threads on this topic and can’t find a standard solution. I am using the standard google fonts. I am trying to display the Open Sans font with the Extra-Bold 800 setting.

I’ve added the code that is supposed to enable the google fonts to my functions.php

add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Open Sans’] = ‘Open Sans:400,700’;
$fonts[‘Open Sans’] = ‘Open Sans:400,700,400italic,700italic’;
return $fonts;
}

add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{

$fonts[‘Open Sans’] = ‘Open Sans:400,700,400italic,700italic’;
$fonts[‘Open Sans’] = ‘Open Sans:400,700’;
return $fonts;
}

On top of that I’ve added this to the css editor

h1 {
font-weight: 800;
font-family: Open Sans;
}

When I inspect the element is shows a valid font-weight of 800 on the site in the css with no strike through. But the font does not look anything like what the google font site is displaying as a preview for Open Sans at Extra-Bold 800.

What is going on here? This is very frustrating.