在网站中使用微软雅黑会不会构成侵权？
如果在网站的字体中使用 “微软雅黑”，在 CSS font-family 中（也就是说只有在系统默认有的时候才显示），不用在图片和外观设计上，会不会侵权？

对于这个问题之前还真没想到过，很感兴趣，于是就做了一番查找。

在微软雅黑字体文件的属性里，我们可以 EULA （最终用户许可协议）描述为：
You may use this font as permitted by the EULA for the product in which this font is included to display and print content. You may only (i) embed this font in content as permitted by the embedding restrictions included in this font; and (ii) temporarily download this font to a printer or other output device to help print content.

中文大意：
你可以依照包含这款字体的产品的 EULA 来使用此字体用来显示或打印内容。包含以下两种情况：
1、当你要使用嵌入字体时需要遵循该字体的内嵌许可；
2、临时性地下载到打印机或其他设备用于打印文档。

没有提到在网页上使用CSS 定义字体的情况，在 google 上了了一下，微软对于微软雅黑字体授权方面的一个网页，其中提供了一个联系方式可以询问对字体许可方面的疑问，于是就发了邮件询问。

二天后收到答复如下：

Thank you for your inquiry. You should refer to your Windows license to understand the what rights Microsoft grants in their fonts.

Generally the license would allow you to use the font to use the font on workstations for your own personal or business use. The major restrictions in the EULA limit the fonts to be used on a certain number of workstations, prevent the fonts from being installed and used on a server, the fonts cannot be used with @font-face CSS, the font data cannot be modified and the font data cannot be distributed as part of a software or hardware product. You would need an additional license for these activities.

You can see the web fonts we offer at the link below:

http://webfonts.fonts.com/

Please let me know if you have any questions or if you want to extend the license for any of these uses.

Best regards,

Steve Kuhlman
Monotype Imaging

根据这篇回复，我们可以将字体用在个人或商业的工作站上。EULA 中主要的限制是不允许将字体安装在服务器上，不能使用 CSS 的 @font-face 的方式调用，及字体文件不能被修改或者作为软件一部分进行分发。这些都需要单独获得相应授权。

网上可以找到一篇 Adobe 的文章 Understanding Web Font Licensing ，其中讲了 Adobe 对字体也有相似的使用规定。

所以，我们在 CSS 中使用 body{ font-family: ‘microsoft yahei’ } 是在合法的使用范围内，不容许的是在CSS 中使用 @font-face 的方式引入字体文件。

这也提醒我们，通过 CSS3 的 @font-face 在网页上引入 Web 字体是有风险的，尤其对于商业性网站。

对于个人站点，如果想使用有合法授权的 Web字体，可以访问这些：
http://webfonts.fonts.com/
https://typekit.com/
http://www.google.com/webfonts

3/29 更新:
有趣的是，一周后又收到一封回复邮件，如下：

Dear Haiyang,

Thanks a lot for your enquiry. Sorry for keep you waiting.
After checking, you actually do not need a license to include the font name in your CSS, because it is only calling on the system font already existing in the end user’s computer, which does not need any extra license.

However, if you wish to know more about the licensing of this font, you need to contact Microsoft because they own the copyright of Yahei.

Should you have any queries, please do not hesitate to contact us.

Best Regards,

Janet Lau
Sales Executive

中心思想：经过核查，你不必担心在CSS 中使用字体名称，因为它仅仅是调用了终端用户自身系统中已经存在的字体，这不需要任何额外的授权许可。

宽带上网莫名其妙被电信强弹N多广告？

收到的快递又被蹂躏的面目全非？

其实，这些你都可以投诉解决的。

经历一：

过年在家，打妈妈的电话发现停机，就用淘宝给她充了50。后来发现妈妈收到的短信通知说缴费50元，余额26.5元。妈妈平时就接接我们的电话，一般不会有这么多欠费的，一问，说话费总是扣很多也不知道怎么回事。就明白又是移动捣鬼，定制了一堆用不到的服务。于是就打了10086，查清目前定制的收费服务都有哪些，发现除了来电显示其他一堆乱七八糟用不到的服务，就要求查清这些服务是何时定制的。被告知这些服务是免费试用的，试用后有发短信说退订回复短信确认，云云。我立马回复对方，按照移动规定，所有的免费试用服务，试用到期后都会让用户回复短信确认是否续订，如果不回复短信就会自动取消，为什么这些没有自动取消，还在扣费，现在要求查清这些问题，然后退返这些项目所有的收费，请在24小时内给出处理结果，否则我会到在工信部网站上投诉你们。随后，接了一些调查电话，同意将“错扣”的话费退还。

经历二：

有次在郑州火车站，等了1小时的火车被告知，上不了车（估计前几站把站票卖爆了）要去XX窗口办理退票。当时非常愤怒，到了退票处发现只开了一个窗口，一火车的人在这里排队等着退票，立马就火了。四处瞄了一瞄，看到墙上贴的监督投诉电话，就立刻拨了过去，抱怨了一下现场的状况，然后要求他们将4个退票窗口全部打开，方便乘客尽快完成退票然后能及时安排接下来的行程。过了一会儿，就见又开了两个窗口，退票速度也提高了许多。

经历三：

年前在上海去一个邮政储蓄办理网银，已经去过两次了，每次看到里面都坐了一屋等待办理业务的人后望而却步了，这次决定多长时间都要等，一定要把网银给办了。拿了号后发现我前边排了72个人，而只有一个窗口在办理业务（多么似曾相识）。于是我就又瞄见了投诉电话，就打了过去，说某某路的邮政储蓄，现在排了七八十个人等着办理业务，却只开了一个窗口，现在才十点半又没有到午饭时间，为什么不多开些窗口。对方说要了解下情况。果然，过会儿后就打过来电话说已经安排工作人员再开三个窗口了。

所以，当你面对不满的服务时，监督投诉电话并不是摆设，请大胆地拿起电话投诉吧！

除了电话外，网络也是一个不错的投诉平台，比如：

工信部的投诉网站：http://www.chinatcc.gov.cn/html/mains/shensushl.html

当你对电信、移动、联通的服务不满投诉未果时，就可以到工信部网站上投诉他们。（真实案例）

邮政快递业务投诉：http://sswz.chinapost.gov.cn

面对快递蛮横的服务态度、霸王服务条款我们真的没辙吗，不，你也可以投诉他们。（真实案例）

安迪可以写6年的信争取到图书馆的经费，埃及人民可以用18天时间来让自己的诉求得以实现，你呢？

仅仅一通电话，一个表单投诉而已。

要回的就是让我们顺心的服务！

http://pipes.yahoo.com/myrpsh/tbbt?_render=rss

PS. 终于不用听人人影视页面上诡异的广告尖叫声了

这次元旦放假就想趁空来好好体验下Mac，看看这台被恭维的不可一世的从软件到硬件都由乔帮主一手打造的一体机到底神奇在什么地方。

惊喜：

1. Mac 上 Safari 的体验非常非常的优秀，甚至动摇了我继续使用Chrome的信心。盖茨看看你家的IE，可以自挂东南枝了。
2. 当我想放大屏幕时，按住 command 滑动鼠标，没有反应。于是换按住 control 键立马起效了，而且放大效果也跟我想象的一模一样，一切都在契合着用户的预期。对比Windows上土的掉渣的放大镜只能评价那是在邯郸学步。
3. 试用了优秀的付费软件后第一反应就是，我要买个许可，应该不贵吧。而在Windows上，看到需要激活的软件第一反应肯定是去搜个注册码或者破解补丁。
4. Mac上自带的工具都妥妥地放在应用程序+实用工具中，用起来很是顺手，不像Windows命名一个匪夷所思的「附件」深深地潜伏在错综复杂的开始菜单中。
5. Mac的搜索也很贴心，能很方便地对搜索结果进行筛选。Windows7把搜索做的更强大了也更难用了。
6. 苹果无论是本地的帮助文档还是线上的入门视频指导都做的很用心。
7. 可以安心地写代码，专注于工作，没有那么多干扰信息出现。（原因见下一条）
8. 没有右下角的战争…

惊喜之外：

1. 对 command option control 三个键跟windows的区别有些纠结。曾狂按 control + v 试图粘贴东西而不得，查了快捷键列表后才发现 ctrl 在Mac上对应的是 command 而非 control。
2. 自带的图片预览，按左右箭头不能切换上一张下一张图片。这个感觉很弱智。
3. 自带的文本编辑器真的只能是个文本编辑器，不像Windows的记事本一样随手拿来就能查看代码、编写代码。
4. Magic Mouse 很精巧，但是经常会有识别出错的状况发生（或者说误扫），比如手指无意的移动，就会触发“扫动”然后页面/程序的滚动条就发生了滚动。最抓狂的的是在一些下拉框上，本来选好了，谁知由于手指在 Mouse 上的不经意的动作，导致下拉框中的选项变成了其它的。（这个在Windows下更为严重）
5. 自带的输入法跟微软拼音一个德行。
6. 没有一款可以自动搜索字幕的影音播放器，无论射手影音还是QQ影音都没有Mac版。而当初装Windows7 的最大理由就是看电影找字幕不方便。

最后放张Mac上跟用iPhone的朋友Facetime的截图，感叹苹果的科技。

最后那张比较清晰的是因为对方使用的 wifi ，这才明白乔帮主之所以锁定iPhone上的Facetime要用wifi，是因为目前3g网络的不给力啊，给用户看模模糊糊的视频对话怎能人感觉这是台“再一次改变世界”的手机呢。

我会成为果粉吗？ 

才遇到这个问题时候，在浏览器里清除缓存不行，要删除全部 Cookies 才可以（ctrl+shift+delete）。这个方法显而易见的粗暴而低效。问题是解决了，但是所有的网站都要重新登录十分不便。

既然是 Cookies 的问题，那就只删 xiami.com 的 Cookies 就ok了嘛，谁知操作了一下竟然无效。遂想是播放器出的问题，那应该是 Flash 设置的 Cookies 出了问题，于是打开Flash存放 Cookies 的文件夹，删除 xiami.com 的 Cookies 后问题果然没有了。具体操作如下：

1. 打开运行（Win+R）
2. 输入 『%appdata%』，回车
3. 依次点击进入这个文件目录：Macromedia\Flash Player\#SharedObjects\VDSFQUAE
   （VDSFQUAE 是一个随机的名字，在你电脑上可能不叫这个名字）
4. 删除这个目录下的名为 www.xiami.com 的文件夹

如此操作后，刷新下页面虾米播放器就恢复正常了。撒花～～

如果你遇到其他一些基于Flash的播放器出现问题不能正常播放时亦可采用上述方法删除对应域名的 Flash Cookies文件，问题即可解决。

比如，我还经常遇到播放出问题的播放器是 Youtube，这时只要删除这个目录下的 s.ytimg.com 的文件夹，再刷新页面，Youtube 播放器就又可以正常播放了。

微软提供了官方的数据导出下载服务，我的用于导出 Spaces 数据到 WordPress 的  sp2wp 服务也算是完成了它的历史使命。接下来同学们可以使用官方的数据导出下载工具。

直接访问 Live Spaces ： http://home.spaces.live.com 点击进入数据迁移。

可以选择搬家到 WorPress.com 或者 下载日志到PC。如果不想搬家到 WordPress.com ，可以使用 下载日志到PC。

建议大家迁移至 WordPress.com 这样，以前 Spaces 的所有日志链接都可以重定向到 WordPress.com 的新位置。这样对于你的访客无需任何操作就能在你的新Blog上查看以前的日志。（微软是如此宣传的，未曾查实）

鉴于微软有完整的数据读取权限，可以将所有日志及评论导出，建议大家先把 Spaces 的数据迁移至 WordPress.com ，如果不想使用 WordPress.com ，可以使用 WordPress 后台的导出工具，导出所有数据，然后再迁移至你钟心的博客平台。

当然，你可以继续使用 sp2wp 来导出 Spaces 的数据，不过 sp2wp 不能导出你的草稿日志，而且我无法保证 sp2wp 可以一个不落地完整导出你 Spaces 的所有日志及评论

更多 Live Spaces 的后续消息，请关注 LiveSino

PS.  WodPress.com 在可爱的祖国已经能够正常访问了。所以… （当然有关部门也保留了随时拉闸断网的权利）

但，不知道有多少同学跟我一样，在coding 时被 Notepad++ 粗陋的代码自动补全折磨的体无完肤（Notepad++那甚至不能叫自动完成）。虽然无比羡慕诸如Dreamweaver之类的代码自动完成，但固于上述提到的几点Notepad++的优秀之处，纠结中毅然依旧坚守Notepad++。而 Zen Coding 的横空出世，总算终结了这种纠结，让我们得以以一种无比帅气的方式书写代码。

先看一段演示视频吧（建议反复观摩，其中演示了 Zen Coding 的各种典型用法）

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo. （网速慢的，可以观看优酷版或者下载该视频。）

为Notepad++安装 Zen Coding 插件

下载 Zen.Coding-Notepad++.v0.6.1.zip 解压

将解压所得的文件放入 Notepad++ 程序的安装目录下的plugins文件夹。

重启Notepad++，即可开始使用 Zen Coding。

Zen Coding 用法

首先，我们先学习一下 Zen Coding 的缩写规则 （其实就是CSS选择器）

• E
  元素名 (div, p);
• E#id
  带id的元素 (div#content, p#intro, span#error);
• E.class
  带class的元素 (div.header, p.error.critial). id 和 class 可以连写，如： div#content.column.width;
• E>N
  子元素 (div>p, div#footer>p>span);
• E+N
  兄弟元素 (h1+p, div#header+div#content+div#footer);
• E*N
  多项元素 (ul#nav>li*5>a);
• E$*N
  带序号的元素 (ul#nav>li.item-$*5);

接下来，我们来熟悉 Zen Coding for Notepad++ 的快捷键，也是 Zen Coding 的精髓

【Ctrl+E】 展开缩写（Expand Abbreviation）

比如写下 div#page>div.logo+ul>li*3>a ，按一下 Ctrl+E，立马就可以转化成：

<div id="page">
	<div class="logo"></div>
	<ul id="navigation">
			<li><a href=""></a></li>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
	</ul>
</div>

【Ctrl+Shift+A】 嵌套代码（Wrap with Abbreviation）

比如，我们想让写好的 <p>hello world</p> ，想在外层再套一个div，只需按下【Ctrl+Shift+A】，在弹出的对话框中输入： div.wrap，回车。此标签就能自动被嵌套。

甚至，我们可以玩的更炫一些，写好三行列表内容，全裸，此时没有任何标签。只需按下【Ctrl+Shift+A】，输入 ul>li* ，回车。这三行内容就能自动被ul li 嵌套起来。（不仅限于 li 列表哦）

【Ctrl+Shift+D】选中代码块（Balance Tag Inward/Outward）

选中当前光标所在的代码块，长按可依次选中父块

【Ctrl+Alt+[ , Ctrl+Alt+]】 转到上一个/下一个编辑点（Go to Next/Previous Edit Point）

按下可以依次跳到可输入内容的编辑点，省去了不停按方向键或鼠标来定位编辑点的麻烦。

【Ctrl+Alt+M 】合并行（Merge Lines）

将选中的多行代码合并为一行。压缩css、js代码为一行时，这个很方便。Ctrl+A，然后Ctrl+Alt+M，两下即可搞定，免去了动用压缩工具的麻烦。（当然这个只是简单地将代码合并为一行，并不能做更深入的代码压缩）

【Alt+/ 】添加、移除注释（Toggle Comment）

注释掉光标所在的代码块 （Notepad++ 自带的Ctrl+Shift+Q也可以用来注释代码）

【Ctrl+’ 】空标签转化（Split/Join Tag）

比如将 <div class="test"></div> 转化为 <div class="test"/>， 反向亦可。

【Ctrl+Shift+’ 】移除标签（Remove Tag）

比如将 <div class="test">hello world</div> 移除div标签，留下hello world。
好了，目前 Notepad++ 的 Zen Coding 只有这几个快捷键，下面介绍一些常用到的缩写

不知道大家新建一个html 页面时，是如何输入文档声明和 head 那一坨东西的。现在有了Zen Coding，只需输入几个字母就能立马生成相应文档声明的 html 结构框架

html:4t (HTML 4.01 Transitional)
html:4s (HTML 4.01)
html:xt (XHTML 1.0)
html:xs (XHTML 1.0 Strict)
html:xxs (XHTML 1.1)
html:5 (HTML5)

head 中常用到的一些缩写

meta:utf, meta:compat
style, link:css, link:print, link:favicon, link:rss,
script, script:src

body 中会常用到的缩写

诸如 div, p, a, ul, ol, input:t, input:r 等等

其中，类似 ul+ 的形式可展开为（+号可自动生产默认的子元素）

<ul>
    <li></li>
</ul>

类似的还有 ol+, dl+, table+, tr+, select+, map+, optg+ 等

IE 条件注释：

cc:ie6, cc:ie, cc:noie

下边是一些典型用法示例：

div#name.one.two =>
		<div id="name" class="one two"></div>

[title="Hello world" rel]  =>
		<a href="" title="hello world" rel=""></a> 

td[colspan=2] =>
		<td colspan="2"></td>

li.item$*3  =>
		<li class="item1"></li><li class="item2"></li><li class="item3"></li> 

li.item$$$ =>
	<li class="item001"></li>

li.item-$-content*3 =>
	<li class="item-1-content"></li><li class="item-2-content"></li><li class="item-3-content"></li> 

#content>.section =>
	<div id="content"><div class="section"></div></div>

如果你写了这么一串出来，那么一个页面的基本结构就出来了：

div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer 

此外【|e】 可以输出转义字符

<div id="wrap">
    <div class="content">
        <p></p>
    </div>
</div>

div#wrap>div.content>p|e|e 可转化为：

<div id="wrap">
    <div class="content">
        <p></p>
    </div>
</div>

以上介绍的仅仅是有关HTML的缩写，CSS的缩写就更多了，建议查看 Zen Coding 小抄，学习CSS 的 Zen Coding 方式

自己编写缩写规则

plugins\NppScripting\includes\Zen Coding.js

在其中对应位置仿照已有规则添加自己的缩写规则。也可以修改缩写规则更符合自己的习惯。

即使你不编写自己的缩写规则，也强烈建议你阅读此文件，熟悉 Zen Coding 自带的一些缩写规则，让代码书写更加事半功倍~

最后，Zen Coding 不仅有Notepad++版，Aptana、UltraEdit、Dreamweaver也有相应版本，速速前往 官方下载页 查找是否有你常用的编辑器的Zen Coding插件吧～

文中部分示例及图片来自 Zen Coding Wiki

如何下载网页上的视频，这个问题由来已久，而且方法众多，这里介绍一个我用过的，认为最方便的方法：

1. 下载安装 Firefox 浏览器 http://www.mozilla.com/firefox/
2. 安装 Video DownloadHelper 扩展 https://addons.mozilla.org/en-US/firefox/addon/3006
3. 当你访问有视频的网页时， Video DownloadHelper 侦测到视频后就会开始工作，点击转动的 Video DownloadHelper 图标[]后的小下拉箭头即可选择下载视频。

本方法适用于各类网站，Youtube、Vimeo、优酷、土豆等的视频自然不在话下，HTML5、Silverlight 形式的视频也能一网打尽。而且不仅视频，音频也能轻松下载。所以，今后只要你打开的网页上有流媒体文件播放， Video DownloadHelper 图标转动起来了，点击就能下载你看到／听到的视频／音频啦~

以下是几个示例：

在 Youtube 上，Video DownloadHelper 可以列出各种清晰度的视频下载， HQ35 就是 720P 的，很高清~

优酷

豆瓣电台上的歌曲也能下哦  

Video DownloadHelper 还可以转换flv视频为其他格式，不过鉴于 Firefox 本身就是吃内存的大户，视频转换这种恐怖活动还是留给其它软件做吧  

Chrome 上尚未发现如此先进的视频下载插件，甚为遗憾。

还在迷茫什么是 Firefox 、怎么安装扩展的同学，请移步瞻仰可能吧的扫盲贴 为什么与如何开始使用Firefox浏览器？

导出 Live Spaces 数据

1. 访问 sp2wp
2. 填入你要导出数据的 Live Spaces 地址及登录它的 Windows Live ID
3. 确认提交

当数据抓取处理完毕就会打包发送到你的邮箱里（你所填写的 Windows Live ID）。

* 从你提交导出数据的请求到收到邮件一般需要较长的时间。如果一周后你依然没收到邮件，那么可以邮件我： myrpsh[at]gmail.com

导入 WordPress

解压缩你收到的邮件的附件，其中有个 xxxx.xml 文件，这个就是你的 Live Spaces 的数据导出文件 —— 它被优化的十分适宜于导入 WordPress 。具体导入操作如下：

1. 登陆 WordPress 后台
2. 在左侧的导航菜单中，点击“工具” – “导入”
3. 导入源选择 WordPress
4. 选择 xxxx.xml 文件，上传导入

sp2wp 目前的问题：

1. 不能导出日志的分类
2. 无法获取2009/02 后添加的评论的评论者名字已解决

访问 sp2wp: http://liveto.me/sp2wp