Stack Overflow
Stack Overflow

Questions tagged [woff]

a cross-browser, web-only font format that uses gzip compression. IE9+, FF3.6+, Chrome 5+

153 questions
577
votes
17 answers

Mime type for WOFF fonts?

What mime type should WOFF fonts be served as? I am serving truetype (ttf) fonts as font/truetype and opentype (otf) as font/opentype, but I cannot find the correct format for WOFF fonts. I have tried font/woff, font/webopen, and font/webopentype,…
Nico Burns
  • 16,639
  • 10
  • 40
  • 54
427
votes
14 answers

Why is @font-face throwing a 404 error on woff files?

I'm using @font-face on my company's site and it works/looks great. Except Firefox and Chrome will throw a 404 error on the .woff file. IE does not throw the error. I have the fonts located at the root but I've tried with the fonts in the css folder…
dcp3450
  • 10,959
  • 23
  • 58
  • 110
305
votes
4 answers

Proper MIME type for .woff2 fonts

Today I updated Font Awesome package to 4.3.0 and noticed that woff2 font was added. That file is linked in CSS so I need to configure nginx to serve woff2 files properly. Currently I have this block in nginx config for fonts: location ~*…
Limon Monte
  • 52,539
  • 45
  • 182
  • 213
126
votes
2 answers

How do I use .woff fonts for my website?

Where do you place fonts so that CSS can access them? I am using non-standard fonts for the browser in a .woff file. Let's say its 'awesome-font' stored in a file 'awesome-font.woff'.
Don P
  • 60,113
  • 114
  • 300
  • 432
76
votes
3 answers

Are eot, ttf, and svg still necessary in the font-face declaration?

Up until now, I've used Paul Irish's bulletproof font-face syntax But I was just looking at support for .woff and .woff2 files on caniuse and it says woff is supported in IE9+. Most articles on this topic are from around 2009, which at the time of…
paulcpederson
  • 1,367
  • 1
  • 9
  • 13
49
votes
8 answers

How to convert WOFF to TTF/OTF via command line?

I know about services like Online Font Converter, but I am interested in offline solution, preferably over command line. Does anyone know a tool or workflow how to convert WOFF to OTF/TTF offline?
Jonas Lekevicius
  • 791
  • 1
  • 6
  • 9
46
votes
6 answers

Correct Apache AddType directives for font MIME types

I’m using @font-face for embedded fonts (thanks Paul Irish). In trying to fix Chrome’s warning about wrong MIME type for woff fonts, I’ve discovered a mass of conflicting suggestions. Everyone seems to agree that .eot fonts (for IE 6-8?) should be…
ChrisV
  • 8,748
  • 3
  • 48
  • 38
32
votes
2 answers

How do I leverage browser caching of .woff fonts?

In PageSpeed Insights I keep seeing the message to leverage browser caching of a particular iconset/font I'm using: iconFont.woff (2 days) I've set my .htaccess as so: ## EXPIRES CACHING ## ExpiresActive On ExpiresByType…
Mikedefieslife
  • 421
  • 1
  • 6
  • 14
31
votes
2 answers

How to edit .woff font files offered by Google Webfonts?

Is there any free or cheap editor for Windows, that would allow to edit files with .woff extension (I checked in css that the font file has woff extension). These are fonts offered by Google Webfonts and they are free to embed, modify etc. I'd like…
camcam
  • 2,585
  • 8
  • 49
  • 65
30
votes
2 answers

How can I only use Latin subset with Google Fonts WOFF2 files?

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…
webdif
  • 6,341
  • 3
  • 18
  • 15
26
votes
4 answers

Converting TTF to WOFF

I have been trying to convert TTF to WOFF using various command line and online tools. I have tried following : Command line : sfntwoff : https://people-mozilla.org/~jkew/woff/ ttf2woff : http://wizard.ae.krakow.pl/~jb/ttf2woff/ ruby gem :…
Umang Gupta
  • 15,022
  • 6
  • 48
  • 66
26
votes
1 answer

Font files 404 on Azure Websites, seemingly correct MIME

I get WOFF and WOFF2 fonts to work on my IIS Manager 6 localhost, but they give a 404 when I host the site on Azure Websites. I think I have the correct MIME type in Web.config (tried with and without dots). I see the files when I connect by FTP. I…
camelBase
  • 917
  • 1
  • 8
  • 16
24
votes
5 answers

WOFF2 conversion from standard WOFF

I've seen that some Google Webfonts now use WOFF 2.0. Can I somehow convert my existing WOFF-fonts to this new (and supposedly better format)? And how?
Morten Hjort
  • 992
  • 2
  • 14
  • 28
20
votes
2 answers

How to expose and serve WOFF file from Azure without web.config?

I'm serving a static site (really Angular but all the bundles are static as well as the index-html) in Azure. It works as supposed to except a single thing. For some reason the WOFF files aren't being exposed properly. The solution for it as far my…
Konrad Viltersten
  • 36,151
  • 76
  • 250
  • 438
20
votes
1 answer

MIME Types for woff, ttf, svg, and eot 404ing despite being setup in IIS

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…
MageIdiot
  • 271
  • 1
  • 2
  • 10
1
2 3
…
10 11