a cross-browser, web-only font format that uses gzip compression. IE9+, FF3.6+, Chrome 5+
Questions tagged [woff]
153 questions
13
votes
1 answer
How can I remove glyphs from a WOFF?
Are there any javascript libraries that can shrink a WOFF (and WOFF2) font down to only the glyphs used in an SVG image? For example, given a font and an array of strings it will return the bare minimum font needed to display those strings.
My first…

ChrisD
- 3,378
- 3
- 35
- 40
10
votes
2 answers
What are legal characters in Font names?
What characters do I have to expect when "consuming" font names and which ones should I avoid when "producing" font names? Are there differences between different operating systems, traditional desktop applications, mobile or web apps (->CSS) and…

Thomas W
- 14,757
- 6
- 48
- 67
10
votes
1 answer
How to tell if a .woff font has hinting?
I have a .woff font that is rendering very poorly on Windows platforms. I suspect this may be due to a lack of hinting information but I need to make sure.
Can you recommend a tool that can inspect the font file and tell me if hinting metrics exist…

Zaqx
- 1,401
- 8
- 17
10
votes
2 answers
Combine multiple .woff files into one
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?

Björn Andersson
- 855
- 3
- 11
- 23
9
votes
2 answers
Webpack 4: WOFF, WOFF2, SVGs failed to load
ERROR in ./node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.woff 1:4
Module parse failed: Unexpected character '' (1:4)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary…

Hemadri Dasari
- 32,666
- 37
- 119
- 162
9
votes
2 answers
Woff file mime type and Azure
I am trying to deploy an ASP.Net MVC4 TwitterBootstrap application to my new hosting at Azure.
All is working 100%, except, a file '\Fonts\glyphicons-halflings-regular.woff' was throwing a 404 error when using Chrome (The network tab when using…

Craig
- 18,074
- 38
- 147
- 248
8
votes
1 answer
Font error in Firefox
I'm getting this error in Firefox 51.0.1 conole:
downloadable font: maxp: bad max_zones: 0 (font-family: "t" style:normal weight:normal stretch:normal src index:0) source:…

skwny
- 2,930
- 4
- 25
- 45
8
votes
1 answer
OTS parsing error: incorrect file size in WOFF
When you try to download the font woff format, I received an error:
OTS parsing error: incorrect file size in WOFF header
What am I doing wrong ?

soldovskij
- 141
- 1
- 7
8
votes
1 answer
WOFF Fonts, what Are they and why should I care?
So mozilla has proposed a new webfont, i'm not really into that world, but i want to keep myself up2date. So whats the great thing since even Microsoft is backing it, why should I as a webdev care?
Whats the difference from the old ones?
Do we need…

CS.
- 1,845
- 1
- 19
- 38
7
votes
2 answers
WOFF2 - HTTP Content-Type response header suggestion
I'm doing some website optimisations using PageSpeed. I faced a next suggestion:
The following resources have no character set specified in their HTTP
headers. Specifying a character set in HTTP headers can speed up
browser…

ummahusla
- 2,043
- 3
- 28
- 42
7
votes
2 answers
Rails 3 web font (woff) mime type
We serve some web fonts (.woff) from our static assets and I would like to set the correct mime type (application/x-font-woff). I tried to do this in config/initializers/mime_types.rb but it had no effect:
Mime::Type.register…

panzi
- 7,517
- 5
- 42
- 54
6
votes
0 answers
Chrome on Windows 7 and WOFF vs. WOFF2 rendering
I recently attempted to automatically convert a WOFF encoding of a font to WOFF2. On Windows 8 and Mac OS 10.12, WOFF2 renders close enough between Chrome 60, IE 11, and Firefox 55. WOFF2 renders very badly in Chrome on Windows 7, but WOFF doesn't…

wegry
- 7,046
- 6
- 39
- 59
5
votes
2 answers
Detecting with Javascript whether a Browser supports Web Open Font Format (Woff) or not
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.

user967165
- 86
- 3
5
votes
1 answer
Failed to load resource: fontawesome-webfont.woff2 Laravel 5.5
I am writing a web application and trying to use font-awesome icons.
The fonts are imported to the right directories but when I load the page the icons appear as blank squares. (Example in attached picture).
When I press F12 this is the error I…

Isabelle Meif
- 51
- 3
5
votes
0 answers
Multiple font weights in woff file?
I uploaded a .ttc font file containing several weights to https://onlinefontconverter.com and got a .woff file. Does it contain all weights? How can I use them with CSS?
With the following declaration I can only use normal and bold, although there…

Arild
- 694
- 6
- 18