Geek Answers Handbook

@ font-face - delete letters in Firefox.

My Museo-300 works mostly with @ font-face, but some letter combinations like "ff" and "fi" disappear in Firefox (confirmed in versions v3.6 and v7.0.1). Thus, “microfinance” becomes “micronance”.

Please note that I displayed them as separate letters, and not as ligatures. When I look at the source both on the server and in the browser, for example, "coffee" is written with all six letters individually, and not with the unicode character symbol for "ff".

The result looks correct in Opera, Chrome, Safari and IE (even IE6).

I downloaded the Museo-300 from MyFonts along with my sample web font template.

@font-face { font-family: 'Museo-300'; src: url('webfonts/151B6C_0.eot'); src: url('webfonts/151B6C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/151B6C_0.woff') format('woff'),url('webfonts/151B6C_0.ttf') format('truetype'),url('webfonts/151B6C_0.svg#wf') format('svg'); }

and all the specified files are in place. I call it like this:

  font-family: 'Museo-300', sans-serif;

I tried another font as a test (Code Pro Light Demo, also obtained from MyFonts) and Firefox dropps “fi”, but not “ff” for that.

The idea of ​​what goes wrong?

+7
source share
4 answers

You can say that Firefox skips ligature searches and treats them like regular characters by adding -moz-font-feature-settings: "liga=0" in the font declaration.

+5
source

For those who read this in the future, note that with FF 15 (I think) the syntax has now changed, and you will need to use this:

 -moz-font-feature-settings: "liga=0"; -moz-font-feature-settings: "liga" 0;
+8
source

If other issues raised this issue, I resolved it with MyFonts technical support. I am not sure if these problems are specific to MyFonts, but I suspect that this affects other sources of web fonts.

Direct (solvable) reason

When a standard True Type (TTF) font is processed in several versions that are useful for a web font (EOT, SVG, WOFF), the processing tool or provider can decide whether to include the full font character set, Some are assigned a smaller character set by default to reduce file sizes.

In my case, one or more files of the generated web fonts exclude ligatures, presumably considering them to be irrelevant typographic settings. To fix the problem, I used MyFonts' own web-based font editor to create full-character font files.

(For MyFonts, this is exactly what happened in the order history> select the appropriate font> Builder Webfont tab> Advanced, then check both "Full Character Set" and "Save OpenType Layout".)

The main reason

My faith, which is just an educated guess:

I think Firefox is doing its best to make beautiful typography, not other browsers. Therefore, when he sees something that he can display as ligature ("fi", "fl", "ff", etc.), he tries to display the letters as one ligature glyph, and not as two different characters. If your web font does not contain ligature glyphs, your letters will disappear. (If my assumption is correct, I am surprised that I have not read about this problem before.)

+1
source

Myfonts.com recently changed some display settings. Their support quickly returned with the following information:

If you click on the Font image (the image that shows the sample), which is located directly above the Kit options, you will see the Character Set and saving the OpenType layout options.

This view is currently not available through Firefox, but I was able to download full character sets using IE9.

+1
source

More articles:


All Articles