Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to writing CC (The Creative Commons logo) in HTML

How do I write the CC logo in HTML, is there something like © (which gives ©)?

(CC stands for Creative Commons).

like image 333
mir Avatar asked Nov 11 '08 21:11

mir


People also ask

What is CC in HTML?

at the end of the mailing address followed by one of these prefixes: - cc: Includes a Carbon copy (Cc) mailing address. - bcc: Includes a Blind carbon copy (Bcc) mailing address. - subject: Adds the text to the Subject field in the email.

How do I display Creative Commons license?

a) Manually: Insert a copy of the appropriate CC icon from: http://creativecommons.org/about/downloads. Add some text, e.g.: “This work is licensed under a Creative Commons Attribution 4.0 International License” Insert a hyperlink from your licensing text to the appropriate license.

What is the symbol for Creative Commons?

Creative Commons: A new kind of Copyright Instead of the copyright symbol you will see a Creative Commons CC symbol and icons that show the conditions under which you can use the work.


1 Answers

As schnaader pointed out, there is a TTF font, but pace his answer, it actually can render correctly for people who don't have it installed using CSS's @font-face tag.

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

Try out this example in jsFiddle.

like image 124
Ori Avatar answered Oct 12 '22 10:10

Ori