CSS – 任平生 https://rpsh.net 待从头 Sun, 15 Apr 2012 15:16:09 +0000 zh-CN hourly 1 https://wordpress.org/?v=6.2.2 在网站中使用微软雅黑字体是否会构成侵权？ https://rpsh.net/archives/font-licensing-for-the-web/ https://rpsh.net/archives/font-licensing-for-the-web/#comments Fri, 23 Mar 2012 11:45:07 +0000 http://rpsh.net/?p=384 sofish 在知乎提了这么一个问题：

在网站中使用微软雅黑会不会构成侵权？
如果在网站的字体中使用 “微软雅黑”，在 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 中使用字体名称，因为它仅仅是调用了终端用户自身系统中已经存在的字体，这不需要任何额外的授权许可。

]]> https://rpsh.net/archives/font-licensing-for-the-web/feed/ 23 CSS裸奔日 https://rpsh.net/archives/2009-css-naked-day/ https://rpsh.net/archives/2009-css-naked-day/#comments Wed, 08 Apr 2009 23:00:12 +0000 http://rpsh.net/?p=245 据说，今天是 CSS 裸奔日 😮

CSS Naked Day 的来历

CSS Naked Day，也称CSS裸奔节或CSS裸奔日，

在裸奔节这天，参加裸奔节的Blog 将会去除页面上所有的 CSS 样式和广告裸奔整整一天,通过这个节日来重视CSS的重要性.当然你的网站如果是用table来布局的话这个节日对你来说并不是很合适.在2006年有将近800个国际知名网站参与这个节日.

CSS Naked Day 的目的

推动Web标准、提倡简洁为美、使用正确的 (x)html语义标记、良好的层次结构。暂时把页面设计抛弃，直接展示<body>内容！

— via

]]> https://rpsh.net/archives/2009-css-naked-day/feed/ 16 根据时间调用不同的CSS文件 https://rpsh.net/archives/how-to-change-css-according-to-time/ https://rpsh.net/archives/how-to-change-css-according-to-time/#comments Mon, 22 Dec 2008 01:00:00 +0000 http://rpsh.net/archives/how-to-change-css-according-to-time/ iGoogle 和新发布的 Windows Live Wave3 中都有根据时间调用不同CSS样式的动态主题，想不想也将此效果里用到自己 Blog 上，只需一个小小的修改就可以做到啦 😀

示例：

<?php ini_set("date.timezone","Asia/Shanghai"); $hc = date("H");
  if($hc >= 7 && $hc < 18)
  echo '<link rel="stylesheet" type="text/css" href="https://rpsh.net/day.css" media="screen" />';
  else
  echo '<link rel="stylesheet" type="text/css" href="https://rpsh.net/night.css" media="screen" />';
?>

鉴于大多数同学都租用的米国的虚拟主机，所以开始加上一句 ini_set("date.timezone","Asia/Shanghai") 来让时间设定为咱中国时间，剩下的就很好理解了，7点到18点为白天调用 day.css  文件，18点到次日7点为夜间调用 night.css 文件。

具体到我们 WordPress ，你可能就要修改你主题 header.php 文件中的调用CSS 文件的部分： 

<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />

为： 

<?php ini_set("date.timezone","Asia/Shanghai"); $hc = date("H");
  if($hc >= 7 && $hc < 18)
  echo '<link rel="stylesheet" type="text/css" href="';
  echo bloginfo('stylesheet_directory'); 
  echo '/day.css"';
  else
  echo '/night.css"'
  echo 'media="screen" />';
?>

* 你需要编写一个 day.css 和一个 night.css 的文件放在你的主题文件夹里。

如果像本 Blog 一样只是按时间显示不同的 banner 或 背景图片，CSS文件的其他地方都相同的话，CSS的调用保持不便，只需在你主题 header.php 文件的 </head>  之前加入下边的代码即可

<style type="text/css">
  body{background: url(<?php ini_set("date.timezone","Asia/Shanghai"); $hc = date("H");
  if($hc >= 6 && $hc < 9)
  echo '图片地址一';
  else if($hc >= 9 && $hc < 18)
  echo '图片地址一';
  else
  echo '图片地址三';
  ?>) no-repeat scroll center top;}
</style>

类似的，你还可以写出 早上好，下午好，晚上好 之类的欢迎语~~

如果要根据访问用户的系统时间来做判断的话，就有点麻烦了，需要用 js 来返回用户时间，对这个有要求的，可以请教最近玩 js 走火入魔的 Shawn 大师 😛

]]> https://rpsh.net/archives/how-to-change-css-according-to-time/feed/ 35