Questions tagged [woff]

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

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