Comments on: The Little Known font-size-adjust CSS3 Property

By: CSS3 Yazı Tipi Özellikleri · Lodos Lodos2005 Zamanı Bekleyen Kollayan Bir Ademoğlu

Wed, 16 Nov 2011 21:59:34 +0000

[...] http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/ [...]

By: Sareo

Sareo — Wed, 16 Nov 2011 09:33:31 +0000

So if I understood correctly, it’s supported only in Firefox? (Nov 2011)

Any idea when will be supported in other browsers as well?

By: 中文版chrome不支持小于12px字体定义的解决方案 | 第一模板

中文版chrome不支持小于12px字体定义的解决方案 | 第一模板 — Wed, 31 Aug 2011 09:49:27 +0000

[...] 关于-webkit-text-size-adjust的详细使用和解释，请访问：http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/ 此条目是由 maoge8274 发表在 CSS 分类目录的。将固定链接加入收藏夹。 [...]

By: Web Font Tune-up Time: A Fun Font Fallback Event « fonts.com blog

Web Font Tune-up Time: A Fun Font Fallback Event « fonts.com blog — Mon, 22 Aug 2011 21:11:50 +0000

[...] The problem you’ll find is that while the Web fonts are loading, either no text will display at all or it will show in the fallback font and probably reflow your text quite a bit. This is exaggerated further when the Web font selected is drastically different in size. This will cause a jarring redraw of the page once the web font loads fully and the browser updates the user’s window with the re-rendered page. By using Font Events to introduce new CSS written specifically to address the display of the fallback fonts we can adjust with the CSS letter-spacing and font-size declarations to minimize or even eliminate the reflow of text on the page. There is also the nascent declaration of ‘font-size-adjust’ but it’s very unevenly implemented as of yet. (Great exploration of that here: http://webdesignernotebook.com/css/the-little-known-font-size-adjust-css3-property/) [...]

By: My CSS Wish List | Ascend Social Media Marketing

My CSS Wish List | Ascend Social Media Marketing — Thu, 18 Aug 2011 05:45:22 +0000

[...] In this case, if the user doesn’t have Calibri installed, both Lucida Sans and Verdana will keep Calibri’s aspect ratio, based on the font’s x-height. This property is a personal favourite and one I keep pointing to. [...]

By: CSS3 Tutorial and Resoruces | Avazio

CSS3 Tutorial and Resoruces | Avazio — Wed, 17 Aug 2011 14:56:40 +0000

[...] CSS text rotation • The little-known font size adjust CSS3 property • CSS3 Text • Text embossing technique with CSS • Create a letterpress effect with CSS [...]

By: 109 interesantes tutoriales y recursos CSS3 | Digisolnet Blog

109 interesantes tutoriales y recursos CSS3 | Digisolnet Blog — Sat, 30 Jul 2011 11:46:34 +0000

[...] El tamaño de la fuente con CSS3 [...]

By: steff

steff — Wed, 13 Jul 2011 21:35:30 +0000

thanks for clearing out what font-size-adjust property does. don’t really know if i will use it in my designs any time sooner though!

By: Ricardo Zea

Ricardo Zea — Tue, 05 Jul 2011 14:11:10 +0000

Hey Richard,

Thanks for the tool, it completely takes the guesswork out of the process. Just bookmarked it, rated it and posted my comments in Xmarks.

One question while using @font-face with a web font service like Fontdeck:

If the ‘font-size-adjust’ property needs to be placed in the class that controls the element in question and not the @font-face declaration, how is it that you guys are using the font-size-adjust property in the @font-face output provided by you?

o_O That sounded confusing, but let me know if that makes sense or if you need me to elaborate.

Thanks in advance.

BTW, very helpful article.

By: CSS方法解决chrome 12像素字体限制 | 简明php学习站

CSS方法解决chrome 12像素字体限制 | 简明php学习站 — Wed, 25 May 2011 09:40:56 +0000

[...] 使用webkit私有属性 -webkit-text-size-adjust:none; 关于-webkit-text-size-adjust的详细使用和解释，请访问：http://webdesignernotebook.com/… [...]