Copyleft 符号

Question

有没有简单的方法来打印 copyleft 符号？

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

例如简单如：
© ©

可能是：
&anticopy; &anticopy;

Answer 1

The copyleft symbol is a backwards C in a circle (copyright symbol © mirrored). It has no legal significance.[49]

Because it is unavailable on Unicode, it can be approximated with character U+2184 ↄ LATIN SMALL LETTER REVERSED C or the more widely available character U+0254 ɔ LATIN SMALL LETTER OPEN O between parenthesis '(ɔ)' or, if supported by the application, by combining it with the character U+20DD ↄ⃝ COMBINING ENCLOSING CIRCLE: 'ↄ⃝'.[50] A discussion on the Unicode mailing list in July 2012, contended that there are other ways to insert the copyleft symbol, so it need not be encoded.[51]

你给的文章一定要读到最后。

你总是可以做的是使用 CSS 和 3d 转换，用于你的字母：

transform: rotateY(180deg);

但当然要注意不支持它的供应商前缀/浏览器

Answer 2

正如smnbbrv在他的回答中所说，它不可用。然而，通过一些样式你可以达到预期的效果：

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

<span>&copy;</span>

您的 post 中有一个 html 标签，所以我认为它是用于基于网络的目的。这可能是您可以使用的东西。

Answer 3

一些 CSS 呢？

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

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

Answer 4

如果你熟悉 font awesome 你可以使用：

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

Answer 5

这些答案很好，但我发现，由于旋转的性质，copyleft 符号相对于给定行上文本的其他字符会非常低。为了解决这个问题，我添加了相对定位，这样我就可以向上滑动我的 copyleft 符号，以便与所有文本对齐。

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

根据需要调整顶部。

Answer 6

更简单，

CSS:

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

.copyleft::after {
  content: "[=10=]a9";
}

HTML:

<span class="copyleft"/>

备注：

它使用CSS的content 属性绘制copyleft符号（CSS代码）--see table of special characters with their symbols

Answer 7

它只是作为 Unicode 11.0 的一部分添加的。

代码点：U+1F12F COPYLEFT SYMBOL

html 实体：🄯 或 🄯

Answer 8

/* 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>

Answer 9

由于并非每种字体都对 Unicode copyleft 字符进行编码，因此使用了以前答案的技巧：

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

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

奇怪的是，在 Thunderbird 上，在  正常文本被镜像后  工作顺利。内联 CSS 不是最好的，但对于 Thunderbird 来说它可以解决问题，您只需插入  即可。

Answer 10

此解决方案比提供的其他选项更具表现力。通过这种方式，我们有更清晰的 HTML 代码。

copyleft:before {                                                                                                                  
  content: "©";                                                                                                                    
}                                                                                                                                  

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

HTML 中的最终结果将是：

<copyleft />

Copyleft 符号

Copyleft symbol

html

unicode

ascii

non-ascii-characters