TypeSelect
July 18, 2009

Web 页面表现里,字体是个很重要的部分,不过目前的现状是,要想不妥协地使用设计者选中的字体比较困难,期望访问者都安装了你指定的字体不现实;用 flash “凝固”之最多就用在标题,着重部分等,不可能大规模使用,因为这对第三方软件(浏览器插件,取词软件,搜索引擎等等)都不友好,得不偿失;还有说搞成图片的…大哥,我服你。
另一个方法是使用 JavaScript 和 CSS 搭配,这两年有些这样的尝试,比方 SIFR。最近看到的 TypeSelect 也是一个。这也是个利用 typeface.js, jQuery 加 CSS 的特性来 deliver 字形的方法。即便 js 被浏览器 disable,最多也就是使用指定的第二/三…字体,无碍。
我自己试用的过程中,发现个有意思的地方,在字体渲染方面,IE (Vista IE7)做得最好,所有字母都很平润光滑,Chrome 就有点失败了,看得出来粗细不均,好像坑坑洼洼的有毛刺;FireFox 的也很好,和 IE 的看不出差别。Chrome 愣是要样样自己来,雄心可以,没问题,只是要经常努力哟。
Vista IE7

Chrome

FireFox

Tags: font, javascript, typeselect

4 comments
在文字渲染上ie是最烂的一个,然后firefox,最好的是chrome。这里你之所以得到相反的结论是因为ie用的是vml获得的字型的图形数据,firefox和chrome用的都是canvas。然而事实上对这后两者而言根本也不需要这样的代码就可以在css内轻松搞定
by ashi on 2009-07-19 at 1:51 am. #
http://www.graphicrating.com/2008/12/21/browsers-war-text-rendering/
Is IE really the worst one in Engineering? According to this test it says IE trumps all others.
by ryanraphael on 2009-07-19 at 8:55 am. #
Sorry, should be text rendering not engineering.
by ryanraphael on 2009-07-19 at 6:30 pm. #
许多人都喜欢哪IE说事……
没有试过CSS里的@font-face起不起作用,不过即便起作用,中文字体的体积太大,下载10及兆的字体似乎不太可行
by hegfirose on 2009-07-21 at 9:49 am. #