Custom font doesn't load correctly in Chrome

Question

I am working on a website that works correctly in all browsers, but when I use Google Chrome, sometimes it literally does not load the font. I tried fallback fonts, but still no luck - really struggling with this.

When I provide a fallback font, it always ignores the user version for some reason, so the question is why does Google Chrome not load the font correctly and can it make it load?

This is the website http://www.rpmediasolutions.com/wordpress

@font-face {
font-family: Solano;
src: url("http://www.rpmediasolutions.com/wordpress/Fonts/solanogothicmvb-sb.eot?#iefix") format("embedded-opentype")
, url("http://www.rpmediasolutions.com/wordpress/Fonts/solanogothicmvb-sb.svg#Solano Gothic MVB Lt") format("svg"),
url("http://www.rpmediasolutions.com/wordpress/Fonts/solanogothicmvb-sb.woff") format("woff"), 
url("http://www.rpmediasolutions.com/wordpress/Fonts/solanogothicmvb-sb.ttf") format("truetype");
}

Answer 1

Figured it out.

Chrome, .

https://code.google.com/p/chromium/issues/detail?id=336476

CSS-, , .

, jquery , , , , .

, , , Google .

jquery .

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>  <script type="text/javascript" charset="utf-8">
$(function() { $('body').hide().show(); });
</script>

Answer 2

, , URL. , "http://...", , , .

, public_html, css public_html, (../) .

@font-face {
font-family: myFont;
src: url('../myFont.ttf')
}