【发布时间】：2010-09-21 21:11:20
【问题描述】：
如何在 HTML 中编写 CC 徽标，是否有类似 © 的内容（给出 ©）？
（CC 代表知识共享）。
【问题讨论】：
标签： html html-encode
【发布时间】：2010-09-21 21:11:20
【问题描述】：
正如 schnaader 指出的那样，有一个 TTF 字体，但是 pace 他的回答，它实际上可以为没有使用 CSS 的 @font-face 标签安装它的人正确呈现。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Test</title>
<style type="text/css">
@media screen {
@font-face {
font-family: 'CC-ICONS';
font-style: normal;
font-weight: normal;
src: url('http://mirrors.creativecommons.org/presskit/cc-icons.ttf') format('truetype');
}
span.cc {
font-family: 'CC-ICONS';
color: #ABB3AC;
}
}
</style>
</head>
<body>
<p>Key: a: SA, b: BY, c: CC Circle, d: ND, n: NC, m: Sampling, s: Share, r: Remix, C: CC Full Logo</p>
<span class="cc">a b c d n m s r C</span>
<p>This page is licensed under <span class="cc">C</span></p>
</body>
</html>
【讨论】：
-
不幸的是，一些浏览器可能不“喜欢”TTF字体，所以下面@Aeyoun (stackoverflow.com/a/61313326/1035977) 提出的建议更好，至少在2020年以后。
据我所知，这个没有字符，所以你必须使用图形。
有一些不错的here。顺便说一句，在这个页面上，还有一个您可以在 HTML 中使用的徽标字体，但是对于没有安装该字体的其他用户，它不会正确显示。
【讨论】：
现在是 2020 年，Unicode 13 is out。它介绍了new Creative Commons license symbols。 ?（带圆圈的 CC 符号）的新 Unicode 兼容 HTML 实体是 &#x1f16d; 您需要兼容的字体才能工作。您可以使用CC Symbols font 作为备用，它只会在没有兼容字体的设备上下载。链接上的说明。
【讨论】：
-
我拥有的字体肯定不支持“新”Unicode 实体...嗯，有一些支持，但不是我在我的网站上使用的...你的建议工作得非常好，@Daniel Aleksandersen 的博客文章非常非常有用——而且，随着字体被“升级”以支持 Unicode 13，这个解决方案会优雅地降级：如果你的字体已经支持 Unicode 13，很好，你不除了使用
&#x1f16d;，还需要做任何事情；如果没有，浏览器将“退回”到 CCSymbols 字体，它只有 2K 的大小，是人们所能得到的最小的字体，而且非常值得额外的麻烦。不错！
这不是严格意义上的“知识共享”字符，而是“copyleft”符号，对于像我这样的人来说可能具有相同的含义。
将版权符号 &copy; 放在带有 CSS 类的 <p></p> 标签之间；在这种情况下称为“copy-left”，然后使用 CSS 属性翻转它。
HTML：
<p class="copy-left">©</p>
CSS：
.copy-left {
display: inline-block;
text-align: right;
margin: 0px;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
【讨论】：
-
这行得通，但我在一个跨度中添加了它，否则它会扭曲整个段落。我提出了这个要点并归功于你的 CSS gist.github.com/JGallardo/6077195
正如@schnaader 所说，我认为没有HTML 实体代码，但也许你可以看看here
【讨论】：
-
刚看到你在我之后一分钟链接到新闻资料袋，所以你让我投票：)
-
自 2020 年 4 月以来，现在有一个 Unicode 条目 —
&#x1f16d;— 但是，大多数字体可能还不支持。请参阅下面@Aeyoun 的回答：stackoverflow.com/a/61313326/1035977
另一个答案是使用 Font Awesome
链接：Font Awesome
它为您提供 您正在寻找的符号，但在第一次提出此问题时不在。
要使用此符号，请将以下链接复制到页面顶部：
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha256-3dkvEK0WLHRJ7/Csr0BZjAWxERc5WH7bdeUya2aXxdU= sha512-+L4yy6FRcDGbXJ9mPG8MT/3UCDzwR9gPeyFNMCtInsol++5m3bk2bXWKdZjvybmohrAsn3Ua5x8gfLnbE1YkOg==" crossorigin="anonymous">
然后这是您希望符号所在的位置：
<i class="fa fa-creative-commons"></i>
有关使用 Font Awesome 访问的可用图标的完整列表：
【讨论】：
-
使用这个的最佳答案！
这看起来不错
.creative-commons{
font-family:Arial;
border: 1px solid black;
box-sizing: border-box;
border-radius: 1em;
width: 2em;
height: 2em;
display: inline-block;
line-height: 2em;
text-align: center;
font-size: 1em;
}<span class="creative-commons">CC</span>【讨论】：
-
我不得不说，虽然到 2020 年这可能是一个多余的答案（因为我们现在确实有 Unicode 支持?），但这是迄今为止最具创造性和足智多谋的解决方案；生成的符号可能不是“像素完美”，但它是一个非常好的解决方案，占用空间很小，无需额外下载，并且几乎适用于每个符号，恰好是圆圈内的几个字母！非常好的 CSS-fu — 我 +1，即使这可能不是拥有 ? 符号的“最佳”方式，但它肯定是最有创意的方式！ （它有效）
为了记录，您不需要它是 HTML 实体，理论上您可以使用任何 unicode character，编码为字符实体，如 &#nnnn;（十进制）或 &#xhhhh;（十六进制）。
因此，如果有 unicode 格式的知识共享徽标，您也许可以使用它。但是，尽管symbols 肯定有很多，但对于知识共享 AFAIK 却没有。
在 unicode 论坛中看起来至少有 discussed，所以谁知道将来会发生什么。
但就目前而言，图形几乎可以肯定是最好的方式。
【讨论】：
-
现在有：请参阅@Aeyoun (stackoverflow.com/a/61313326/1035977) 提供的以下答案
谢谢尼基！还有一个 CC 符号（普通版和精简版），您可以将其放在您的 HTML 页面中，来自 Creative Commons website itself。
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.【讨论】：
也许你看看这个：
导入 fontawesome.io
将此链接放在您的样式表中：
https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css把这个图标放在
class="fa fa-creative-commons"
【讨论】：