Embedding Fonts?

[murali_balreddy]

How can I embed additional fonts using CSS @font-face rule?

Thanks.

[murali_balreddy · Accepted solution]

Found solution to my own problem.

Cause: IE and Design Studio failed loading fonts due to the cross-domain access policy.

Solution: In the web server that serves the font, have a Apache .htaccess file (in case of Apache host) in the same folder as the fonts being served.

Contents of the file needs to be

<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

When having the fonts along with the CSS file, the Design Studio localhost was not looking at the same location as the CSS for fonts. When fonts were hosted elsewhere and referenced in the CSS file, it worked perfectly.

Source: http://stackoverflow.com/questions/5065362/ie9-blocks-download-of-cross-origin-web-font

Thanks.

[Former Member · Accepted solution]

wow, good find.

[rama_shankar3 · Accepted solution]

Good - thanks for sharing!

Rama