Tagged

mac

A collection of 2 posts

mac

Yosemite Safari工具栏特效

如果你使用Mac机器并且已经升级到了最新的Yosemite系统版本的话,用safari浏览网页会发现头部工具栏已经有了类似iOS中Safari工具栏的半透明毛玻璃效果了。Safari会自动根据页面的颜色来显示工具栏的毛玻璃特效,但我们也可以定制一下。 Safari默认会显示当前页面最顶部的颜色,比如,前端观察的: @lymXX制作了一个自定义工具栏效果的demo,很赞(只是该项目名称为RainbowSafari,彩虹。。。怪怪的),你可以自定义Safari的工具栏显示的颜色为纯色或者渐变色,亦可以是图片等。 代码也很简单: <div id="rainbowsafari"></div> #rainbowsafari { background-color: #FFFFFF; /* Edit This */ right: 0; top: 0; height: 100px; z-index: 99999999999; position: fixed; content: ""; display: block; -webkit-transform: translateY(-99.99px); } 原理就不说了,

Chrome

mac下网页中文字体优化

最近某人吐槽某门户网站在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 http://www.zhihu.com/question/