惠普hstnn c51c拆机-190c中文网页

来源：蜘蛛抓取(WebSpider) 时间：2014-12-05 23:20 标签： hp hstnn q72c
最近某人吐槽某门户网站在mac下chrome字体超丑，然后发现虽然现在mac用户越来越多，但是大家依然无视mac下的字体差异，于是研究了下mac下网页中的中文字体，和大家分享。
看了一遍国内各大门户和SNS网站，虽然可能大家的font-family设置都不太一样，但是貌似现在只有QQ空间对mac下字体做了优化。
ok，言归正传。
mac和windows自带的字体非常不一样，所以，针对windows的font-family设置一般不适用于mac系统，而在mac下，会调用系统默认的细黑体(STXihei)，而这个字体渲染的其实并不是很好看。
优化的方法有两个：
方案一：使用Hiragino Sans GB字体
关于Hiragino Sans GB
Hiragino Sans GB 是衍生自 Hiragino Kaku Gothic（ヒラギノ角ゴ）的简体中文字体 [1]，近乎完美地继承了原型的风格，有很微妙的喇叭口，弧线柔美、内敛，字面宽大程度合理。这是一款清新的专业印刷字体，小字号时足够清晰，大字号时又不会「细节欠奉」(via )
目前它是mac系统下自带的比较好看的黑体字体之一，比较适合网页渲染，也广受欢迎。
比如QQ空间的字体设置为：
font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3";
前面三个字体为英文字体。
使用前后对比:
方案二：使用-webkit-font-smoothing:antialiased
webkit内核私有属性，用于字体抗锯齿，使用后字体看起来会清晰舒服很多：
当然这个只是webkit私有属性，firefox和opera等浏览器不能使用——其实mac版firefox 的字体渲染比webkit要好看一点儿。
那么，到底那种方案好一些呢？
我做了个测试页面，分别用默认字体设置加上-webkit-font-smoothing的各个属性和Hiragino Sans GB使用同样属性设置，最终发现：
webkit默认使用-webkit-font-smoothing:subpixel-antialiased属性，而不是none；
Hiragino Sans GB字体和系统默认的细黑体表现差异不是特别大，只是细节更圆润舒服；
围观测试页面：，或直接看。
所以，如果你想偷懒，就只需要添加-webkit-font-smoothing:antialiased就可以了，最求最佳效果，就两个都用上:P
如果你又更好的方案，欢迎提供。
【推荐阅读】
爱好前端设计与开发，崇尚一目了然的设计。现居深圳，就职于腾讯微信设计团队。
Follow me on twitter 。庆祝国庆节素材psd格式
欢度国庆盛典素材psd格
某医院皮肤科网站模板
某珠江啤酒网站首页模板P
某船舶工业公司网站首页模
某生殖医院网站首页模板
某安全印制公司网站首页模
某SONY产品公司网站首
某品牌设计公司网站首页模
某卡车公司网站首页模板P
合肥某男科医院网站首页模
某商贸有限公司网站首页模
某个人墨宝文化公司网页模
某VOVO汽车公司网页模
某电子杂志公司网站首页模
某某百年好合婚纱摄影网页
某企业集团公司网站首页模
韩国某海港码头营运公司网
国内某健康资讯网页模板
共有1115个中文模版&&[1]&&&&&&&&&&&&共 110 个模板素材&&首页 上一页&&&页次：1/11页 &10个模板素材/页&转到：第1页第2页第3页第4页第5页第6页第7页第8页第9页第10页第11页
网页吧?中国站长第一门户
模板使用教程
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&
地址：湖南省长沙市岳麓区金星中路199号
站长QQ一群：
站长QQ二群：
& CopyRight , , Inc. All Rights Reserved
网页吧版权所有麻省理工學院「開放式課程網頁」 | 首頁
目前已經上線九百門課程
麻省理工學院的開放式課程計畫目前上線了九百門課程，已經到達了2007年所有課程上線的目標的一半。這些課程包括了麻省理工學院五個領域的三十三個不同學科的課程。
所有已上線課程
有關本計畫的
效應和影響...
你的疑問...
你的想法...
電子報每月發行的電子報，以便瞭解麻省理工學院開放式課程更新的課程。
西文版與葡文版的課程翻譯 、
贊助者麻省理工學院開放式課程是由, , 以及 共同出資建立。
麻省理工學院「開放式課程網頁」中文翻譯計畫（MIT OCW Chinese Translation Project）聲明本站是看到麻省理工學院的開放式課程理念之後深受感動所開始架設的。目前沒有任何外界支援和贊助，但我們做的還蠻愉快的。本站遵守和原網站相同的，也經過開放式課程的工作小組同意來進行翻譯，只要使用者遵守同樣的理念：註明出處和作者、翻譯者、非商業用途、同樣與人共享，就可以自由取用相關的資源。本網站翻譯若未註明，則都是由朱學恒翻譯。
麻省理工學院聲明此處麻省理工學院「開放式課程網頁」之資料乃由【麻省理工學院「開放式課程網頁」中文翻譯計畫小組】譯為【中文】。麻省理工學院「開放式課程網頁」在此聲明，不論是否遭遇或發現相關議題，麻省理工學院「開放式課程網頁」對此等資料不作明示或默許關於任何可商業化之保證、對任一特定目的之適合性之保證、非侵權之保證、或 永不出錯之保證。麻省理工學院「開放式課程網頁」對翻譯上之不正確不負任何責任。由翻譯所引發任何關於此等資料之不正確或其他瑕疵，皆由【麻省理工學院「開放式課程網頁」中文翻譯計畫小組】負全責，而非麻省理工學院「開放式課程網頁」之責。
麻省理工學院校長查爾斯?M?威斯特（Charles M. Vest）的話
「在第五百門課程上線之後，麻省理工學院實踐了我們在2001年為「開放式課程網頁」所許下的承諾。我們很驚訝於全球各地的教育家、學生和自學者告知我們麻省理工學院開放式課程對教育和學習造成了相當的衝擊。我們希望，藉由分享麻省理工學院的教材，以及我們推廣麻省理工學院開放式課程的經驗，我們將可以啟發其它的機構開放、分享它們的課程，建立一個將造福全人類的知識網路。
- 麻省理工學院校長，查爾斯?M?威斯特
- Charles M. Vest, 麻省理工學院校長

我要回帖

更多关于 hp hstnn q72c 的文章

 

随机推荐