Font in menu not displaying properly!

Hey there – the font in my main menu does not seem to be displaying properly.

It’s supposed to be the dancing script font, but I’ve been told by a friend of mine who also uses google chrome that it’s not loading up properly for her, that the font is overly large and all over the place!!

Could somebody PLEASE take a look and tell me what my site looks like to you?

http://moderncreativesresource.com/

here’s what my code currently looks like:

.main_menu ul:first-child>li>a {
font-size: 30px;
}
.header_color .main_menu ul:first-child > li > a { color: Black ; font-weight: bold; font-family: ‘Dancing Script’, Georgia, Times, serif; }
.header_color .main_menu ul:first-child > li > a:hover { color: LightSkyBlue ; }
.header_color .main_menu ul:first-child > li.current_page_item > a { color: DarkGrey ; }