Changing font of full screenslider

hi
I have read through all the various guides and previous posts on this and think i am nearly there but just can’t get over the line.
I wish to use playlist script font. I have downloaded the font and using squirrel converted the font to .woff. I uploaded the .woff and .woff2 fonts into enfold/css directory. Whilst in here i modified the custom.css file to include:

@font-face {
font-family: ‘playlistscript’;
src: url(playlist_script-webfont.woff2′) format(‘woff2′),
url(playlist_script-webfont.woff’) format(‘woff’);
font-weight: normal;
font-style: normal;

}

Finally in the theme settings (general styling>custom css I added this:
/* This will change the ‘style’ of the caption */
.avia-caption-title { font-family: playlistscript, Open Sans”, Arial, sans-serif !important; }

However the font isn’t changing when i load the page.

What have i missed or done wrong?

Appreciate your help.