woff

On a website I manage we have several .woff files, one for each font. In the interest to save loading time I want to reduce the number of requests made. Is it possible to combine these woff files into one resource? You can bundle the woff assets into your CSS with base64. Inside your @font-face declaration: url('data:application/x-font-woff;base64,myVeryLongBase64StringGoesHere...'); This may increase the asset's file size. In my experience this is usually by around 20% - roughly the same size as the equivalent TTF file. Much of this may be recovered with a gzip-capable server. The tradeoff is

I am trying to get a font to render within a file and it is giving me the usual error of Resource interpreted as Font but transferred with MIME type text/html: But the HTML file on show is our 404.aspx file, I tried the usual of installing the applications in the web.config and then eventually into IIS itself as: .woff application/font-woff .ttf application/font-ttf .eot application/vnd.ms-fontobject .otf application/font-otf .svg image/svg+xml I cannot understand where I am going wrong. the files are stored in a folder called fonts that is in the base directory for the site and I have the

i have to detect with JS (jQuery) wether a browser supports Woff and then add a class to the body. Something like this: if(woffIsSupported){ $('body').addClass('modern'); } is this somehow possible? Thank you for your answers. Clive There's a function on this post called isFontFaceSupported that checks for support based on browser features (the good way, i.e. not relying on the user agent string). Copy that function and your code can become: if(isFontFaceSupported()) { $('body').addClass('modern'); } Here is the function from the post: /*! * isFontFaceSupported - v0.9 - 12/19/2009 * http:/

I am designing a splash page for a public wifi access point and Firefox refuse to display my custom font, while it work in every other browser (well, not IE < 9 but that was expected). The page need to work in the following constraint : No access to the Internet : This page is displayed before the user accept the term and condition, so everything is blocked The page is stored on the access point : That mean an embedded server probably written in C, and I can't really add additional header or something. Well its open source so it may be possible, but I am most certainly not an embedded

I wanted to add a font with Google Fonts, and I have noticed an odd behavior. I want to add a font with only the latin subset, I do not want latin-ext, cyrillic or cyrillic-ext subset, in order to lighten the code. I understand that's the default behavior, so I've done like this: <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Philosopher"> In Firefox (and the other browsers that do not support WOFF2), I get a correct output: @font-face { font-family: 'Philosopher'; font-style: normal; font-weight: 400; src: local('Philosopher'), url(http://fonts.gstatic.com/s/philosopher