Как написать логотип CC в HTML, есть ли что-то вроде ©
(которое дает & copy;)?
(CC означает Creative Commons).
Как написать логотип CC в HTML, есть ли что-то вроде ©
(которое дает & copy;)?
(CC означает Creative Commons).
Насколько я знаю, для этого нет персонажа, поэтому вам придется использовать графику.
Есть несколько хороших здесь. Кстати, на этой странице также есть шрифт логотипа, который вы можете использовать в HTML, но это не будет корректно отображаться для других пользователей, у которых не установлен шрифт.
Как отметил шнайдер, есть шрифт 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>
Это не строго символ "Creative Commons", а символ "copyleft", который может иметь такое же значение для некоторых людей, как я.
Поместите символ авторского права ©
между метками <p></p>
с классом CSS; в этом случае называется "copy-left", а затем перевернуть его с помощью свойства CSS.
HTML:
<p class="copy-left">©</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";
}
HTML определяет стандартный объект: ©
http://htmlhelp.com/reference/html40/entities/
Но будьте осторожны, чтобы протестировать разные браузеры, потому что не все стандартные HTML-объекты поддерживаются всеми браузерами.
Вы также можете просто сказать это в тексте, например: "Copyright 2008 YourNameHere".
Вам не нужно использовать символ авторского права, чтобы сделать ваше авторство законным.
http://www.copyright.gov/help/faq/faq-definitions.html#notice
изменить: Вордс, я совершенно неправильно понял вопрос. В любом случае, информация выше может быть полезна кому-то.
Как @schnaader, я не думаю, что для этого существует код объекта HTML, но, возможно, вы можете взглянуть здесь
Только для записи вам не нужно, чтобы это была объект HTML, в теории вы могли бы использовать любой символ unicode, закодированный как символ, например &#nnnn;
(десятичный) или &#xhhhh;
(hex).
Итак, если в юникоде есть логотип Creative Commons, вы можете его использовать. Но, хотя, конечно, существует много symbols, для Creative Commons AFAIK нет ни одного.
Похоже, что на форумах unicode было обсуждено и кто знает, что произойдет в будущем.
Но пока графика - это, безусловно, лучший способ пойти сюда.
Еще один ответ - использовать 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
Спасибо Никки! Существует также символ 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>.
Возможно, вы проверите это:
Импорт fontawesome.io
Поместите эту ссылку в таблицу стилей: https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
Поместите этот значок class="fa fa-creative-commons"
Это выглядит хорошо
.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>