Copyleft符号

Question

有没有简单的方法可以打印Copyleft（版权自由）符号？

https://en.wikipedia.org/wiki/Copyleft

例如，像这样简单地写出：
© ©

也许应该是：
&anticopy; &anticopy;

- Evhz

---

Copyleft符号不是Unicode的一部分，因此你可能需要使用图像/自定义字体来代替。 - jbutler483

是的，现在我正在使用一个小的PNG作为背景图像。正在寻找更简单的东西。 - Evhz

我必须对Copyleft符号进行编码，并为了向后兼容性，我不得不使用维基百科Copyleft页面上描述的“带组合圆圈的反向c”方法。您需要使用CSS指定的字体控制（自定义特定字体大小的水平和垂直偏移量！）才能使其正常工作。 - Ber

这个提案现在已经在Unicode 11.0草案中提出，该版本将于2018年6月5日发布。 - Krzysztof Dziembała

@KrzysztofDziembała，它已经存在了。可能很快就会在大多数浏览器中提供：http://blog.unicode.org/2018/06/announcing-unicode-standard-version-110.html - Evhz

Answer 1

那么CSS怎么样呢？

.copyleft {
  display:inline-block;
  transform: rotate(180deg);
}

<span class="copyleft">&copy;</span>

- Marcos Pérez Gude

---

@jbutler483 Copyleft的解释可能会被忽略，但具有讽刺意味的是，Copyleft（一种许可证要求）依赖于版权（拥有许可证的能力）。因此，将Copyleft解读为版权并非完全错误。 - Tom Blodget

"rotateY(180deg)" 是更好的方法。在许多字体中，© 符号的顶部填充和底部填充不相等。 - 18C

Answer 2

这个符号是作为 Unicode 11.0 的一部分新增的。

码点：U+1F12F COPYRIGHT SYMBOL（COPYLEFT SYMBOL）

HTML 实体名称：🄯 或者 🄯

- Qubei

---

如果相关部门能够添加一个类似于"©"的约定，比如"©left;"，那将有助于使代码更易读且更易记忆。你知道谁负责这个，并且是否有任何方法向相关人员建议这样的更改吗？ - cazort

与我之前的评论无关，你知道在哪里查找此符号的支持吗？它在我的浏览器中显示正常，但我想知道它在跨平台方面的表现如何，是否依赖于字体等。就像整个网络上使用它有多安全一样？ - cazort

@cazort 如果你还感到好奇，答案是不太。 - Nick stands with Ukraine

Answer 3

正如smnbbrv在他的回答中所说，这是不可用的。但是，通过一些样式设置，您可以实现所需的结果：

span {
  font: 18px Arial, sans-serif;
  display: inline-block;
  transform: rotate(180deg);
}

<span>&copy;</span>

您在文章中使用了 html 标签，因此我认为它是用于基于Web的目的。这可能是您可以使用的东西。

- Starfish

Answer 4

更简单的,

CSS：

.copyleft {
  display: inline-block;
  transform: rotate(180deg);
}

.copyleft::after {
  content: "\00a9";
}

HTML:

<span class="copyleft"/>

注意事项：

• 它使用CSS的content属性来绘制版权符号（CSS代码）-- 查看特殊字符及其符号表格

- juanmirocks

---

运行得很好，但只有在我将HTML代码中的className更改为class后才能正常工作。 className是否有特殊原因存在？ - rlafuente

@rlafuente 哎呀，是的，这来自于React框架代码，其中“class”被替换为“className”。谢谢你发现了它！已经更正。 - juanmirocks

Answer 5

根据该文章，

引用：

copyleft符号是一个向后的C在一个圆圈中（版权符号©镜像）。它没有法律意义[49]。

因为它在Unicode上不可用，可以使用U+2184 ↄ LATIN SMALL LETTER REVERSED C字符或更广泛可用的U +0254 ɔ LATIN SMALL LETTER OPEN O括在括号'（ɔ）'中近似表示，或者（如果应用支持）将其与字符U+20DDↄ⃝ COMBINING ENCLOSING CIRCLE组合：'ↄ⃝'。[50] 2012年7月，Unicode邮件列表上进行讨论，认为有其他方法可以插入copyleft符号，因此无需对其进行编码[51]。

你需要读完你提供的文章。

你可以始终使用带有3D变换的CSS，用于你的字母：

transform: rotateY(180deg);

但是请注意厂商前缀和不支持它的浏览器

- smnbbrv

Answer 6

如果您熟悉Font Awesome，可以使用以下代码：

<i class="fa fa-copyright fa-flip-horizontal"></i>

- Slimane MEHARZI

Answer 7

这些答案很好，但我发现由于旋转的特性，版权左旋符号与给定行上的其他文本字符相比非常低。为了解决这个问题，我添加了相对定位，以便将我的版权左旋符号向上滑动，以便与所有文本保持一致。

.copyleft {
    position: relative;
    top: -5px;
    display:inline-block;
    transform: rotate(180deg);
}

根据需要调整顶部。

- Lucas Jarrett

---

在我的情况下，top: +2px; 明显取决于所使用的字体。 - Evhz

是的，谢谢你澄清。回想一下，我没有说为什么你可能需要调整顶部。;D - Lucas Jarrett

;) 他们在其中包含了这个 🄯 - Evhz

Answer 8

这个解决方案比提供的其他选项更加表现力。通过这种方式，我们能够拥有更干净的HTML代码。

copyleft:before {                                                                                                                  
  content: "©";                                                                                                                    
}                                                                                                                                  

copyleft {                                                                      
  font-weight:100;                                                                                                                     
  opacity:0.7;                                                                                                                   
  vertical-align:middle;                                                                                                           
  display:inline-block;                                                         
  transform: rotate(180deg);                                                    
}    

HTML 最终的结果将会是：

<copyleft />

- El Cerrajero

---

非常好的解决方案。+1 给自定义版权标签。 - Evhz

使用 vertical-align 对我来说是最好的解决方案。 - Amir Maleki

Answer 9

这是我使用的代码，它只是水平翻转了©符号。

/* Copyleft
-------------------------------------------------- */
.copyleft {
  display: inline-block;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

<span class="copyleft">&copy;</span>

- Yannick Lescure

---

这确实可行，但重要的是要考虑到屏幕阅读器仍然会将其视为版权符号，如果这让您担忧的话。 - Matt

Answer 10

作为并非每种字体都编码Unicode版权字符的解决方案，可以使用之前提到的方法：

    normal text <style>.copyleft {
      display: inline-block;
      transform: rotateY(180deg);
    }
    .copyleft::after {
      content: "\00a9";
    }
    </style>

    <span class="copyleft"></span>normal text again

奇怪的是，在Thunderbird上，<span class="copyleft"/>后面的普通文本会被镜像，但是<span class="copyleft"></span>可以顺利工作。 内联CSS不是最好的选择，但对于Thunderbird来说它很管用，你只需插入<span class="copyleft"></span>来处理后续出现的情况。

- Bibi