13

CC ロゴを HTML で記述するにはどうすればよい©ですか? (© を与える) のようなものはありますか?

（CCはクリエイティブコモンズの略です）。

4

10 に答える 10

10

schnaader が指摘したように、TTF フォントがありますが、彼の答えのペース@font-faceを調整すると、実際には、CSS のタグを使用してインストールしていない人でも正しくレンダリングできます。

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

この例を jsFiddle で試してください。

于 2011-03-07T04:44:54.077 に答える
9

私の知る限り、これにはキャラクターがいないので、グラフィックを使用する必要があります。

ここにはいくつかの素晴らしいものがあります。ちなみに、このページにはHTMLで使えるロゴフォントもありますが、フォントがインストールされていない他のユーザーには正しく表示されません。

于 2008-11-11T21:19:12.260 に答える
4

これは厳密に「クリエイティブ・コモンズ」のキャラクター向けではありませんが、私のような一部の人々にとって同じ意味を持つ可能性のある「コピーレフト」のシンボルです。

CSS クラスのラベル&copy;の間に著作権記号を挿入します。<p></p>この場合は「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";
}
于 2013-03-16T23:22:50.863 に答える
2

@schnaaderが言うように、これには HTML エンティティ コードはないと思いますが、おそらくこちらをご覧ください。

于 2008-11-11T21:26:55.803 に答える
2

別の答えは、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 アイコン

于 2015-12-31T16:08:26.043 に答える
1

記録のために、HTML エンティティである必要はありません。理論的には、 (10 進数) や(16 進数) などの文字エンティティとしてエンコードされた任意のUnicode 文字を使用できます。&#nnnn;&#xhhhh;

なのでユニコードのクリエイティブ・コモンズのロゴがあれば、使えるかもしれません。しかし、確かにたくさんのシンボルがありますが、Creative Commons AFAIK のシンボルはありません。

少なくともユニコードフォーラムで議論されているように見えるので、将来何が起こるかは誰にもわかりません.

しかし、今のところ、グラフィックはほぼ間違いなくここに行くための最良の方法です.

于 2008-11-11T22:50:43.840 に答える
0

ありがとうニッキー！クリエイティブ コモンズの Web サイト自体から、HTML ページに配置できる CC シンボル (通常およびコンパクト バージョン) もあります。

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

于 2016-07-02T14:15:34.470 に答える