Custom Font Won't Show on Site

I am new to Wordpress and Local by Flywheel. I am trying to add a custom font to my website but I can’t get it to appear after adding the CSS to Wordpress. I created a fonts folder underneath my themes in my local folder. I have added the following CSS to my Wordpress site.

@font-face {
font-family: ‘vacations’;
src: url(’/wp-content/themes/pro/fonts/Vacations_in_Phuket.ttf’);
}

h2 {
font-family: vacations;
}

Is there something I am missing to get my font to show?