- From: Šime Vidas via GitHub <sysbot+gh@w3.org>
- Date: Fri, 25 Nov 2016 03:08:46 +0000
- To: public-css-archive@w3.org
I’ve made a demo that shows that there’s an issue on the horizontal axis when swapping fonts, and this issue cannot be solved with `font-size-adjust` in its current form. Note: The demo swaps between the Georgia (system) and Merriweather (web) fonts and due to a difference in the optimal `font-size-adjust` value between Firefox and Chrome, I had to pick; therefore, the demo is **optimized for Chrome** and you need to use Chrome Canary with the ‘experimental web platform features’ flag enabled. https://jsbin.com/cetezat/edit?html,css,output **Observations:** 1. By default, when turning on the webfont, the text becomes larger. 2. After adding a `font-size-adjust` value (`.48` seems to be optimal for Merriweather in Chrome), the text size now stays the same on the vertical axis; however, the text becomes noticeably narrower. 3. After adding a `letter-spacing` value, the text now stays more or less the same on the horizontal axis, as well. However, this technique is almost completely useless, since different `letter-spacing` values work best for different texts, and it doesn’t work at all for longer texts. (You can copy-paste some text from Wikipedia via DevTools to see what I mean.) Therefore, in order to be able to swap fonts with minimal changes to the layout, `font-size-adjust` needs to be extended to work on both axes. -- GitHub Notification of comment by simevidas Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/750#issuecomment-262872542 using your GitHub account
Received on Friday, 25 November 2016 03:08:55 UTC