I'm using the following code to set up a new font via @font-face:

@font-face {
    font-family: 'VAGRoundedStd-Bold';
    src: url('/stylesheets/fonts/vagbold.eot');
    src: local('VAG Rounded Std Bold'), local('VAGRoundedStd-Bold'), url('/stylesheets/fonts/vagbold.woff') format('woff'), url('/stylesheets/fonts/vagbold.otf') format('opentype'), url('/stylesheets/fonts/vagbold.svg#VAGRoundedStd-Bold') format('svg');

But for whatever reason, Safari seems to first try to download the the font before checking the src that is set in @font-face (see the alert message attached).

What am I doing wrong here?

Safari Alert Window

  • So it works fine on other CSS3 compliant browsers except Safari on Mac? o.k.w over 8 years ago

1 answer


I suspect you downloaded this font (and never installed it), and Safari is trying to install it.

Answered over 8 years ago by Divya Manian
  • But why would it prompt me to do that when @font-face is already telling it where the font is? Josh Pigford over 8 years ago