Как написать CC (логотип Creative Commons) в HTML

Как написать логотип CC в HTML, есть ли что-то вроде © (которое дает & copy;)?

(CC означает Creative Commons).

Ответ 1

Насколько я знаю, для этого нет персонажа, поэтому вам придется использовать графику.

Есть несколько хороших здесь. Кстати, на этой странице также есть шрифт логотипа, который вы можете использовать в HTML, но это не будет корректно отображаться для других пользователей, у которых не установлен шрифт.

Ответ 2

Как отметил шнайдер, есть шрифт TTF, но, тем не менее, он отвечает за его ответ, он может корректно отображать людей, которые его не установили, используя тег @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>

Попробуйте этот пример в jsFiddle.

Ответ 3

Это не строго символ "Creative Commons", а символ "copyleft", который может иметь такое же значение для некоторых людей, как я.

Поместите символ авторского права © между метками <p></p> с классом CSS; в этом случае называется "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";
}

Ответ 4

HTML определяет стандартный объект: ©

http://htmlhelp.com/reference/html40/entities/

Но будьте осторожны, чтобы протестировать разные браузеры, потому что не все стандартные HTML-объекты поддерживаются всеми браузерами.

Вам не нужно использовать символ авторского права, чтобы сделать ваше авторство законным.

http://www.copyright.gov/help/faq/faq-definitions.html#notice

изменить: Вордс, я совершенно неправильно понял вопрос. В любом случае, информация выше может быть полезна кому-то.

Ответ 5

Как @schnaader, я не думаю, что для этого существует код объекта HTML, но, возможно, вы можете взглянуть здесь

Ответ 6

Только для записи вам не нужно, чтобы это была объект HTML, в теории вы могли бы использовать любой символ unicode, закодированный как символ, например &#nnnn; (десятичный) или &#xhhhh; (hex).

Итак, если в юникоде есть логотип Creative Commons, вы можете его использовать. Но, хотя, конечно, существует много symbols, для Creative Commons AFAIK нет ни одного.

Похоже, что на форумах unicode было обсуждено и кто знает, что произойдет в будущем.

Но пока графика - это, безусловно, лучший способ пойти сюда.

Ответ 7

Еще один ответ - использовать Font Awesome

Ссылка: Шрифт 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 Visit:

Ссылка: Шрифт Awesome Icons

Ответ 8

Спасибо Никки! Существует также символ CC (нормальная и компактная версия), который вы можете разместить на своей HTML-странице, с веб-сайта Creative Commons.

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

Ответ 9

Возможно, вы проверите это:

Импорт fontawesome.io
Поместите эту ссылку в таблицу стилей: https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
Поместите этот значок class="fa fa-creative-commons"

Ответ 10

Это выглядит хорошо

.creative-commons{
  font-family:Arial;
  border: 1px solid black;
  box-sizing: border-box;
  border-radius: 1em;
  width: 2em;
  height: 2em;
  display: inline-block;
  line-height: 2em;
  text-align: center;
  font-size: 1em;
 }

<span class="creative-commons">CC</span>