
    <%#
        The fonts are loaded outside of the stylesheet so that we can dynamically change
        the path. This is to get around CDN caching on the Origin:

        https://forums.aws.amazon.com/thread.jspa?threadID=114646
    %>

<% font_domain = "#{request.protocol}#{request.host_with_port}" %>

<style>
  @font-face {
    font-family: 'FontAwesome';
    src: url('<%=asset_path "fontawesome-webfont.eot" %>?<%= font_domain %>&v=3.2.1');
    src: url('<%=asset_path "fontawesome-webfont.eot" %>?<%= font_domain %>&v=3.2.1#iefix') format('embedded-opentype'),
      url('<%=asset_path "fontawesome-webfont.woff" %>?<%= font_domain %>&v=3.2.1') format('woff'),
      url('<%=asset_path "fontawesome-webfont.ttf" %>?<%= font_domain %>&v=3.2.1') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
        font-family: 'zocial';
        src: url('<%=asset_path "zocial-regular-webfont.woff" %>?<%= font_domain %>') format('woff'),
            url('<%=asset_path "zocial-regular-webfont.ttf" %>?<%= font_domain %>') format('truetype'),
            url('<%=asset_path "zocial-regular-webfont.svg" %>?<%= font_domain %>#zocialregular') format('svg');
        font-weight: normal;
        font-style: normal;

  }
</style>
