web-dev-qa-db-ja.com

コピーレフトのシンボル

コピーレフトのシンボルを印刷する簡単な方法はありますか？

enter image description here

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

たとえば、次のように簡単です。
©©

それは可能性があります：
＆anticopy; &anticopy;

htmlunicodeasciinon-ascii-characters
13
Evhz

一部のCSSはどうですか？

.copyleft {
  display:inline-block;
  transform: rotate(180deg);
}
<span class="copyleft">&copy;</span>
24
Marcos Pérez Gude

Smnbbrvが彼の答えで言ったように、それは利用できません。ただし、いくつかのスタイリングを使用すると、目的の結果を得ることができます。

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

投稿にhtmlタグがあるので、ウェブベースの目的のためだと思います。これはあなたが使用できるものかもしれません。

7
Patrick2607

記事 によると、

コピーレフトの記号は、円の後ろ向きのCです（著作権記号©ミラーリング）。法的な意味はありません。[49]

Unicodeでは使用できないため、文字U +2184ↄLATINSMALLLETTERREVERSEDCまたはより広く使用されている文字U +0254ɔLATINSMALLLETTEROPEN Oを括弧「（ɔ）」で囲むか、サポートされている場合はアプリケーション、文字U +20DDↄ⃝COMBININGENCLOSINGCIRCLE： 'ↄ⃝'と組み合わせます。[50] 2012年7月のUnicodeメーリングリストに関する議論では、コピーレフト記号を挿入する方法は他にもあるため、エンコードする必要はないと主張しました。[51]

あなたは最後まであなたが与える記事を読む必要があります。

あなたがいつもできることは、3D変換でCSSを使用することです。あなたの手紙に使用してください：

transform: rotateY(180deg);

しかしもちろん、それをサポートしていないベンダープレフィックス/ブラウザに注意してください

5
smnbbrv

nicode 11. の一部として追加されました。

コードポイント：U + 1F12F ????コピーレフトのシンボル

htmlエンティティ：&#127279;または&#x1f12f;

5
Qubei

よりシンプルで、

CSS：

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

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

HTML：

<span class="copyleft"/>

ノート：

5
juanmirocks

あなたが素晴らしいフォントに精通しているなら、あなたは使うことができます：

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

これらの答えは良いですが、回転の性質上、コピーレフト記号は特定の行の他のテキスト文字に比べて非常に低いことがわかりました。これを修正するために、相対的な配置を追加して、コピーレフトの記号を上にスライドさせて、すべてのテキストと一致させることができるようにしました。

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

必要に応じてトップを微調整します。

4
Lucas Jarrett

これが私が使用するコードで、©記号を水平方向に反転するだけです。

/* 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>
3
Yannick Lescure

すべてのフォントが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>を挿入するだけです。

0
Bibi