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
5
votes
2 answers

TTF (truetype) to WOFF(webfont) conversion using ruby

How do you convert a .ttf file to .woff file (webfont) using ruby? We want to allow users to upload a ttf file, convert it and embed the woff file.
Alagu
  • 2,864
  • 3
  • 26
  • 40
4
votes
2 answers

How to use a data uri with @font-face in Firefox

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…
Laurent Bourgault-Roy
  • 2,774
  • 1
  • 30
  • 36
4
votes
0 answers

Compare WOFF files

I wonder if it's possible (in windows or ubuntu) to compare woff font files. Is there a way to find out if two files contain the samy glyphs etc.? I take a .ttf file and compress it to .woff using fontforge on Ubuntu. A ttf file with a size of 220…
Bernhard Döbler
  • 1,960
  • 2
  • 25
  • 39
4
votes
2 answers

Firefox font issues - Bootstrap Glyphicons

Trying to use Bootstrap 3.0 (pulled via Bower) Glyphicons icon font in an app. Works perfectly in all browsers locally. In a staging environment on heroku, icon font isn't working on Firefox. Font is hosted in an S3 bucket WITH cross-domain settings…
meaganoff
  • 51
  • 5
4
votes
6 answers

Why do my icons show up as blank squares?

I've created a new (simple) website in IIS8. I've created a simple Index.html and put in jQuery, Bootstrap3 and Font-Awesome 4.0.0 to start playing with. However my Font-Awesome icons show up as nothing (squares): My folder structure is / -…
Rowan Freeman
  • 15,724
  • 11
  • 69
  • 100
4
votes
1 answer

Browser does not render WOFF fonts (@font-face)

Ok, I have an issue that I cannot figure out, I am trying to research usage of WOFF fonts in Internet Explorer 10. I downloaded kit from fontsquirrel, and based on the included CSS and HTML files I added fonts to web application. (ASP.NET MVC on IIS…
Sebastian K
  • 6,235
  • 1
  • 43
  • 67
3
votes
2 answers

Converting Webfonts to ttf / otf format - is it even possible?

I have a font i'm using in a website, i have it in the following formats: woff, eot, svg. Now, there's a designer i'm working with and he wants to create mockups with this font, but i can't find the original ttf file. Is it possible to convert back…
Talbatz
  • 235
  • 3
  • 11
3
votes
4 answers

Hamburger icon: buns+burger same size despite pixel alignment?

Problem: the middle bar is a pixel taller than the other bars. This is not because I got the css wrong, it's because browsers align the edges of rectangles to the pixel grid. I've tried a few different ways of making a hamburger icon: absolutely…
JasonWoof
  • 4,176
  • 1
  • 19
  • 28
3
votes
1 answer

FileReader.readAsDataURL() reader result is empty for font files such as .ttf, .woff, and .woff2

I am building a web interface that allows the user to upload a custom font. The problem is that I am unable to convert the font files (specifically, .ttf, .woff, and .woff2 files) to base64 via the FileReader.readAsDataUrl() so that I can then PUT…
Caledonia Thomson
  • 157
  • 2
  • 10
3
votes
1 answer

WOFF fonts not working in Internet Explorer

I have a page which uses the font Avenir. It works in all browsers (Firefox, Opera, Chrome) – but DOES not display this FONT in Internet Explorer 11. I am using this code to attach the fonts (it seems to care for Internet Explorer):
Gabriel
  • 83
  • 3
  • 8
3
votes
1 answer

Pygame Loading fonts from external font file

I am trying to load a .woff formatted font file into my pygame. I have seen other posts talking about this issue, but their answers do not help answer my question. I tried using this: fontObj = py.font.Font('brandon_blk-webfont.woff', 16) …
Coder
  • 67
  • 1
  • 9
3
votes
1 answer

SVG icon looks different after being converted to woff

I am using gulp-iconfont to convert a set of svg icons to a woff font. Before the icon is converted into the font it looks as follows: How it appears in the woff file: My gulp task is as follows: gulp.task('icon-font', function() { …
nickspiel
  • 5,170
  • 6
  • 33
  • 48
3
votes
1 answer

finding all other formats for a Google font beside "woff2"

In a previous question of mine it was pointed out to me that "woff2" format doesn't work on Microsoft Edge. So I have to use an alternative syntax of @font-face if I want my website to look good in Microsoft Edge. Original…
justme
  • 517
  • 1
  • 3
  • 18
3
votes
1 answer

Detect WOFF support with JavaScript?

I have a situation where I’m using Data-URIs to load fonts and only want to use one file type, WOFF. It’s also critical that a fallback font is not used so I’m looking for a way to detect if WOFF is supported with JavaScript. Is it possible to…
James
  • 399
  • 1
  • 2
  • 10
3
votes
1 answer

Phantomjs 2.0.1 and woff

Neither current windows nor linux binary (build on Ubuntu 14.04 with http://phantomjs.org/build.html) accept woff-fonts (via @font-face in CSS). Is there some kind of magic trick to switch woff support on? SVG and TTF font are accepted, but (i used…
Nikolayl Webstotest
  • 33
  • 5
1 2
3
…
10 11