7

I'm using Google Font API to display my website logo. (See top of stolencamerafinder.com)

In Chrome the letters 'f' and 'i' appear seperately, but in FireFox, they are a nice joined ligature

How do I force Chrome to use the ligature?

If I use the ligature ascii character (fi) in the html then it doesn't use the font, it falls back to arial, yet the font (OFL Sorts Mill Goudy TT) must support that ligature since firefox displays it.

Update: I ended up ditching Google font API in favour of plain @font-face. More choice on fontsquirrel.com anyway.

matt burns
  • 24,742
  • 13
  • 105
  • 107

2 Answers2

2

Short answer: This feature isn't implemented yet.

Long answer: Take a look at http://crbug.com/22240 ( http://crbug.com/64479 might also be interesting).

Mike West
  • 5,097
  • 25
  • 26
  • I understand that chrome doesn't replace "fi" for the unicode ligature character like firefox does. What I don't understand is why when I replace it manually in the source, for the html entity "fi" or just the character "fi" it doesn't work (in either browser). _How_ does firefox find the ligature to display? If I understood how firefox did it, perhaps I could force chrome to do the same... – matt burns Apr 12 '11 at 03:46
  • I can't even find the ligature char in the font on fontsquirrel.com but I suppose the font could be slightly different to the one google font api uses. http://www.fontsquirrel.com/fonts/Sorts-Mill-Goudy – matt burns Apr 12 '11 at 03:47
0

Is it possible that in webkit browsers this property wasn't yet devoloped? Or is it a problem of the type of font used by webkit browsers? (TrueType, Woff instead of Opentype)?

EDIT: In Safari this works with some fonts that support ligatures. For example it works with the default browser font (Times on Mac Os X), while it doesn't work with a couple of Google fonts I was trying with @font-face CSS feature.

JMax
  • 26,109
  • 12
  • 69
  • 88
Vale
  • 1
  • 1