I am building a wordpress theme and I’m using Adobe typekit for the fonts. It works perfect in all browsers except chrome.
In chrome the font is slightly heavier (more bold/weight) until i reach a certain point when scrolling the page then it goes to the intended font weight.
Another thing is that I am using swipe.js for a image carousel and when the animate is happening the font goes to the thinner weight again.
This only happens in chrome and safari though so i’m assuming it’s webkit.
Did you ever find an answer to this problem? I’m seeing a similar issue only in linux and chrome with typekit font. The area it’s happening in is very width sensitive and the extra width of characters in linux is enough to break the presentation.
Yes – try http://www.ucs.cam.ac.uk – make the window narrower past the 900px breakpoint and keep going. In Chrome on Linux the words start to break whereas on other browsers they are fine (except one case on Chrome on Windows). If I drop the weight from 600 to 500 it’s also fine. I can adjust the styling to accommodate the problem but I’d prefer to know whether there’s a solution (already added a solution for IE to solve the fact there are more than 4 variations of the typekit font in use). BTW the styling is not mine, so you can be very rude about how complex it is!