Stack Overflow
Stack Overflow

Questions tagged [woff2]

a web font packaging format

Web Open Font Format version 2 (WOFF2) is a web font packaging format that offers improved compression rates compared to WOFF version 1.

Resources:

55 questions
292
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
  • 44,025
  • 43
  • 163
  • 189
122
votes
5 answers

Font Face isn't working in IIS 8.0

I have a font-face in my program generated from Font Squirrel I just can't get it to work in IIS, it works in localhost. I added application/font-woff article to my MIME Types but it still doesn't want to work. Context --Fonts ----font…
joetinger
  • 2,359
  • 6
  • 26
  • 41
59
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,157
  • 1
  • 7
  • 13
57
votes
5 answers

application/font-woff2 not working when using Asp.Net VNext

I'm doing some experiments with VNext + OSX + Chrome. I'm trying to get a woff2 file GET http://localhost:5003/fonts/fontawesome-webfont.woff2?v=4.3.0 But an error occur. See the request's header below Remote Address:127.0.0.1:5003 Request…
Austin Felipe
  • 739
  • 1
  • 5
  • 11
33
votes
3 answers

Bootstrap woff2 font not getting loaded correctly

Bootstrap font not loading correctly glyphicons-halflings-regular.woff2. It shows the error in my Chrome-console. Any solution to get it loaded properly, so that it doesn't show the error in the console?
V.J.
  • 1,004
  • 3
  • 16
  • 34
29
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,265
  • 7
  • 40
  • 58
23
votes
4 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
  • 922
  • 2
  • 13
  • 27
9
votes
2 answers

CORS Issue with woff2 fonts behind CDN in Chrome

I have an S3 Bucket fronted with a Cloudfront CDN. In that bucket, I have some woff2 fonts that were automatically tagged with the content type octet-stream. When trying to load that font from a CSS file on a live production website, I get the…
prichrd
  • 1,355
  • 15
  • 38
8
votes
2 answers

Convert font in WOFF2 format to something else

My team has a woff2 font file, which we are not equipped to deal with. Does anyone know a pipeline for downgrading to a more common format?
Ashley Coolman
  • 9,223
  • 4
  • 47
  • 68
7
votes
2 answers

View contents of a .woff2 font file

I'm trying to make sure that the .woff2 font file contains the same set of glyphs as one of my .ttf files. So, it would be really nice to view them somehow side by side, but I can not find any tool that makes the viewing of .woff2 file possible on…
Gleb Kostyunin
  • 2,923
  • 1
  • 16
  • 33
7
votes
1 answer

Google Fonts woff2 not supported in iOS

I have just noticed Google Fonts stopped serving their fonts in tff. Instead they do in woff2. Woff2 is not supported on iOS. And my layout gets all funny because of it. Is there any way I can request the fonts in tff instead of woff2? Thank you
Nikk
  • 5,862
  • 5
  • 30
  • 61
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
  • 4,937
  • 4
  • 30
  • 49
5
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
  • 23,970
  • 25
  • 87
  • 133
4
votes
1 answer

Do I really need all these font types loaded for FontAwesome or just the WOFF2 type?

I'm looking at the FontAwesome path.less and it looks like it's loading a bunch of the same font but different types... /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src:…
Yovav
  • 2,201
  • 1
  • 24
  • 42
3
votes
0 answers

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
  • 31
  • 3
1
2 3 4