CreativeCommons许可证符号在紫色背景(Unicode联盟品牌颜色)的网格中排列。

具有Unicode兼容的Creative Commons许可证符号的新字体

Unicode标准的第13版 - 世界领先的字符、符号和表情符号标准 - 被宣布在里面. CreativeCommons(CC)许可证符号的添加引起了我在版本13中添加的5390个新字符中的兴趣。

CreativeCommons是一组旨在鼓励共享的自由文化许可证。把它看作是创作作品的开源代码。阅读知识共享许可入门if you’re unfamiliar with their licenses. The different CC licenses are associated with symbols that represent what rights the license restricts. E.g. the non-commercial symbol is used to represent licenses that restrict commercial exploitation.

下表显示了Unicode 13中引入的新许可符号。第一个是严格意义上的数学“带圆圈的等于”符号,多年来一直是Unicode标准的一部分。然而,它被赋予了第二个含义,适用于Unicode 13中的Creative Commons。

性格 致使 CC含义
U+0229C 无衍生产品
U+1F16D型 知识共享
U+1F16E型 公共域
U+1F16F酒店 归属
U+1F10D型 不保留任何权利
U+1F10E型 共同分享
U+1F10F酒店 非商业性

我很高兴在我的网站上使用这些符号。但是,没有预先安装有操作系统的字体文件支持这些新字符。即使一些系统字体今天添加了这些字符,更新后的版本也要到几年后才能到达访问者的设备。

到现在为止,你可能会在嗓门上大喊“网络字体”,你不会错的。这就是你的网络浏览器(希望)呈现上述符号的方式。不过,我更喜欢尽可能使用本地安装的字体。Webfonts是浪费带宽的大数据块,在低端设备上呈现速度很慢。

我甚至不用每页上的符号。只有本网站上的一些文章包含知识共享授权材料. 幸运的是,层叠样式表(CSS)标准对于为特定字符添加回退字体有一个很好的解决方案。所有现代移动和桌面web浏览器都支持此解决方案。

现代网络浏览器不会下载不需要的字体。CSS字体系列属性可以包含以逗号分隔的字体文件列表。Web浏览器将在列表中从左到右选择字体,直到找到已安装或知道如何下载的字体为止。更重要的是,对于首选字体中缺少的单个字符,将重复此过程。浏览器将检查字符的本地字体,并根据需要回退以下载带有较新Unicode字符的字体。

我创建了一个最小的webfont,它只包含版权符号和新的CC许可证符号(总共八个)。版权符号(带圆圈的字母C类)通常与许可证信息一起使用。它在视觉上类似于带圆圈的CC许可证符号。我觉得用一组匹配的符号会让人视觉愉悦。

你可以下载抄送符号,my Unicode-compatible Creative Commons Symbols font. The download contains the font in WOFF2 format 1,9 KiB, and WOFF format 3,8 KiB for older web browsers. For context: the SVG version — a vector file format so comparable to the symbol information stored in a font — of just the circled CC symbol downloaded from the CC website is 2,4 KiB.

下载还包含一个可安装的TrueType字体(TTF)和FontForge源文件(SFD),供那些想要修改字体的人使用。最后两个不适合在网上使用。在计算机上安装字体后,您应该能够在任何与Unicode兼容的应用程序中使用新符号。

The symbols in the font a based on the Unicode Standard reference symbols. I waive all copyright to the font and release it into the public domain.

这种字体是WOFF2压缩创新的一个很好的例子。您可以提供这两种字体作为选项,如下面的代码示例所示,较新的浏览器将下载较小的WOFF2文件。较旧的浏览器需要下载两倍于WOFF版本的数据量。

要在网站上合并此回退字体,您需要定义字体并将其应用于页面上的元素,例如身体元素。然后你就可以在页面的任何地方使用这些字符了。下面的示例定义了字体打电话来”CCSymbols公司,指示浏览器下载字体文件的位置src公司属性),以及字体中包含哪些字符(unicode范围财产)。

@字体{字体显示:交换;字体系列:CCSymbols公司;字体合成:无;src:url(CCSymbols.woff2号文件)格式(woff2),url(CCSymbols.woff符号)格式(woff);unicode范围:u+a9型,铀+229c,u+1f10d-f型,u+1f16d-f层;}正文{字体系列:Helvetica,无衬线,CCSymbols公司; }

浏览器更喜欢从命名的Helvetica字体中呈现字符,然后是任何本地的无衬线字体,然后下载CCSymbols公司webfont作为这些字符的最后手段。只有在文档中找到版权符号或CC许可证符号时,才会下载该字体。你可以移动CCSymbols公司如果要使用在字体中找到的视觉一致的版权符号,请使用列表前面的字体。其他字符将从字体列表的下一个选项中呈现。

其他现有字体也包含Creative Commons许可证符号。甚至有一个在CC网站上提供,另一个作为字体可怕的图标集合的一部分。这两种字体都不使用新的Unicode 13字符代码,因此无法正确呈现它们。这些旧字体使用Unicode中字体特定的专用区号,这意味着字符不能与其他符合Unicode标准的字体进行互操作。

带圆圈的CC符号是Creative Commons的商标。据我所知,这是第一次在Unicode标准中包含商标符号。