Question

如何在HTML中编写CC徽标，是否有类似©（提供©）的内容？

（CC代表知识共享）。

Answer 1

据我所知，这没有任何特征，所以你必须使用图形。

有一些不错的here。顺便说一句，在这个页面上，还有一个可以在HTML中使用的徽标字体，但对于没有安装该字体的其他用户来说，这将无法正确显示。

Answer 2

正如schnaader指出的那样，有一个TTF字体，但 pace 他的答案，它实际上可以正确地呈现给那些没有使用CSS @font-face标签安装它的人。 / p>

<!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>

Try out this example in jsFiddle。

Answer 3

这不是严格的“知识共享”字符，而是“copyleft”符号，对于像我这样的人来说可能具有相同的含义。

将版权符号©置于<p></p>标签与CSS类之间;在这种情况下称为“copy-left”，然后使用CSS属性将其翻转。

HTML：

<p class="copy-left">&copy;</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";
}

Answer 4

现在是2020年，Unicode 13 is out。它介绍了new Creative Commons license symbols。 ?（带圆圈的CC符号）的新的Unicode兼容HTML实体为🅭，您需要一种兼容的字体才能正常工作。您可以将CC Symbols font用作后备选项，仅在没有兼容字体的设备上下载。链接上的说明。

Answer 5

HTML定义了一个标准实体：©

http://htmlhelp.com/reference/html40/entities/

但要小心测试不同的浏览器，因为并非所有浏览器都支持所有标准HTML实体。

您无需使用版权符号即可使您的版权合法化。

http://www.copyright.gov/help/faq/faq-definitions.html#notice

编辑 Woops，我完全误解了这个问题。无论如何，上面的信息可能对某人有用。

Answer 6

正如@schnaader所说，我不认为这有一个HTML实体代码，但也许你可以看看here

Answer 7

只是为了记录，你不需要它是一个HTML实体，理论上你可以使用任何unicode character，编码为&#nnnn;（十进制）或{{1}这样的字符实体（hex）。

因此，如果unicode中有Creative Commons徽标，您可以使用它。但是虽然肯定有很多symbols，但是没有一个适用于Creative Commons AFAIK。

在unicode论坛中看起来至少是discussed，所以谁知道将来会发生什么。

但是现在，图形几乎肯定是最好的方式。

Answer 8

另一个答案是使用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访问的可用图标的完整列表：

链接：Font Awesome Icons

Answer 9

谢谢Nikki！还有一个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>.

Answer 10

也许你看看这个：

导入fontawesome.io
将此链接放在您的样式表中：https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
点此图标class="fa fa-creative-commons"

Answer 11

看起来不错

.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>

如何在HTML中编写CC（The Creative Commons徽标）

11 个答案: