Copyleft 符号
Copyleft symbol
有没有简单的方法来打印 copyleft 符号?
https://en.wikipedia.org/wiki/Copyleft
例如简单如:
© ©
可能是:
&anticopy; &anticopy;
根据 article、
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);
但当然要注意不支持它的供应商前缀/浏览器
正如smnbbrv在他的回答中所说,它不可用。然而,通过一些样式你可以达到预期的效果:
span {
font: 18px Arial, sans-serif;
display: inline-block;
transform: rotate(180deg);
}
<span>©</span>
您的 post 中有一个 html
标签,所以我认为它是用于基于网络的目的。这可能是您可以使用的东西。
一些 CSS 呢?
.copyleft {
display:inline-block;
transform: rotate(180deg);
}
<span class="copyleft">©</span>
如果你熟悉 font awesome 你可以使用:
<i class="fa fa-copyright fa-flip-horizontal"></i>
这些答案很好,但我发现,由于旋转的性质,copyleft 符号相对于给定行上文本的其他字符会非常低。为了解决这个问题,我添加了相对定位,这样我就可以向上滑动我的 copyleft 符号,以便与所有文本对齐。
.copyleft {
position: relative;
top: -5px;
display:inline-block;
transform: rotate(180deg);
}
根据需要调整顶部。
更简单,
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
它只是作为 Unicode 11.0 的一部分添加的。
代码点:U+1F12F COPYLEFT SYMBOL
html 实体:🄯
或 🄯
这是我使用的代码,它只是水平翻转 © 符号。
/* 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">©</span>
由于并非每种字体都对 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 上,在 <span class="copyleft"/>
正常文本被镜像后 <span class="copyleft"></span>
工作顺利。
内联 CSS 不是最好的,但对于 Thunderbird 来说它可以解决问题,您只需插入 <span class="copyleft"></span>
即可。
此解决方案比提供的其他选项更具表现力。通过这种方式,我们有更清晰的 HTML 代码。
copyleft:before {
content: "©";
}
copyleft {
font-weight:100;
opacity:0.7;
vertical-align:middle;
display:inline-block;
transform: rotate(180deg);
}
HTML 中的最终结果将是:
<copyleft />
有没有简单的方法来打印 copyleft 符号?
https://en.wikipedia.org/wiki/Copyleft
例如简单如:
© ©
可能是:
&anticopy; &anticopy;
根据 article、
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);
但当然要注意不支持它的供应商前缀/浏览器
正如smnbbrv在他的回答中所说,它不可用。然而,通过一些样式你可以达到预期的效果:
span {
font: 18px Arial, sans-serif;
display: inline-block;
transform: rotate(180deg);
}
<span>©</span>
您的 post 中有一个 html
标签,所以我认为它是用于基于网络的目的。这可能是您可以使用的东西。
一些 CSS 呢?
.copyleft {
display:inline-block;
transform: rotate(180deg);
}
<span class="copyleft">©</span>
如果你熟悉 font awesome 你可以使用:
<i class="fa fa-copyright fa-flip-horizontal"></i>
这些答案很好,但我发现,由于旋转的性质,copyleft 符号相对于给定行上文本的其他字符会非常低。为了解决这个问题,我添加了相对定位,这样我就可以向上滑动我的 copyleft 符号,以便与所有文本对齐。
.copyleft {
position: relative;
top: -5px;
display:inline-block;
transform: rotate(180deg);
}
根据需要调整顶部。
更简单,
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
它只是作为 Unicode 11.0 的一部分添加的。
代码点:U+1F12F COPYLEFT SYMBOL
html 实体:🄯
或 🄯
这是我使用的代码,它只是水平翻转 © 符号。
/* 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">©</span>
由于并非每种字体都对 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 上,在 <span class="copyleft"/>
正常文本被镜像后 <span class="copyleft"></span>
工作顺利。
内联 CSS 不是最好的,但对于 Thunderbird 来说它可以解决问题,您只需插入 <span class="copyleft"></span>
即可。
此解决方案比提供的其他选项更具表现力。通过这种方式,我们有更清晰的 HTML 代码。
copyleft:before {
content: "©";
}
copyleft {
font-weight:100;
opacity:0.7;
vertical-align:middle;
display:inline-block;
transform: rotate(180deg);
}
HTML 中的最终结果将是:
<copyleft />