new google font not showing

Hi Support,
Fantastic theme. Been using for years.
I am trying to add a google font that is not listed under the included fints of the theme. The fonts are: Saira and Saira Semi Condensed.
I have tried to use the import/export tab and to add the fonts using Custom Font Manager, I followed the steps but then it comes back with the message sayign that could not add the font as server did not respond. So I tried and changed the Folder permissions using FTP to 777. Still not uploading and comes back wioth the same message.
Tried to import the font and call it under the Quick CSS section:
Code:
=========
@import url(‘https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:300,400,500,600,700|Saira:300,400,500,600,700’);
h1, h2, h3, h4, h5, h6 { font-family: ‘Saira Semi Condensed’, sans-serif; }
.avia-menu {font-family: ‘Saira Semi Condensed’, sans-serif; font-weight:300 }
===========

Still no success.

Then I tried to add the font under the function.php

add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Saira Semi Condensed’] = ‘Saira Semi Condensed’;
return $fonts;
}

Still not working. What do I need to do? And what am I doing wrong?

PLEASE HELP.

Many thanks
Emmy