如何在HTML中编写CC(The Creative Commons徽标)

Question

如何在HTML中编写CC(The Creative Commons徽标)

mir*_*mir 11 html html-encode

如何在HTML中编写CC徽标,是否有类似的东西©(给出©)？

(CC代表知识共享).

Answer 1

sch*_*der 10

据我所知,没有这个角色,所以你必须使用图形.

有一些不错的人在这里.顺便说一句,在这个页面上,还有一个可以在HTML中使用的徽标字体,但对于没有安装该字体的其他用户,这将无法正确显示.

Answer 2

Ori*_*Ori 9

作为schnaader指出,有TTF字体,但踱步他的答案,它实际上可以正确地呈现它安装在使用CSS的谁没有人@font-face的标签.

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

Run Code Online (Sandbox Code Playgroud)

在jsFiddle中试试这个例子.

Answer 3

Aey*_*oun 5

现在是 2020 年，Unicode 13 已经过时了。它引入了新的知识共享许可符号。新的 Unicode 兼容 HTML 实体（带圆圈的 CC 符号）是🅭您需要兼容的字体才能使其工作。您可以使用CC Symbols 字体作为后备，只能在没有兼容字体的设备上下载。链接中的说明。

归档时间：	16 年，10 月前
查看次数：	22491 次
最近记录：	6 年，9 月前