Google Fonts Impacting Lightbox

Ok guys, theme updated. results of my testing are:

In Google Chrome it does not appear. The page fades to grey and if you scroll down to the bottom of the page there is a large white space displayed.
On Samsung Tab 3 – Chrome browser now displays the lightbox, but you have to “chase” it down the screen
On Samsung Tab 3 – native browser it does not show the lightbox and now you can’t change the image that appears in the ‘big thumbnail’ by selecting one of the small thumbnails
On Samsung Galaxy S2 – native browser, lightbox doesnt show and now you can’t change the image that appears in the ‘big thumbnail’ by selecting one of the small thumbnails. Extended Header issue resolved
On Samsung Galaxy S2 – Chrome browser: Extended Header. Google Font not showing, Gallery ‘Big Preview’ height not auto adjusting as per the CSS. Lightbox does not appear although page fades to grey and it seems that you can ‘chase’ it down the screen but its not showing
On IE11 everything works as expected

here’s a screen shot of how i have the header.php configured with the google font code if it helps:

https://www.dropbox.com/s/4ddig3zdh90t31g/headerphp.PNG

thanks,
stu

I’ve used the following code on Functions.php:

function add_google_fonts() {
 
wp_register_style('GoogleFonts', 'http://fonts.googleapis.com/css?family=Overlock|Shadows+Into+Light+Two');
 
wp_enqueue_style('GoogleFonts');
 
}
 
add_action('wp_print_styles', 'add_google_fonts');

And then I call the font-family using CSS. works perfectly