reutilización - Cómo escribir CC(el logotipo de Creative Commons) en HTML
licencia de atribución de creative commons(permite reutilización) (9)
¿Cómo escribo el logotipo de CC en HTML, hay algo así como © (que da ©)?
(CC significa Creative Commons).
Esto no es para un personaje estrictamente "crativo común", pero es el símbolo "copyleft" que podría tener el mismo significado para algunas personas como yo.
Pon el símbolo de copyright © entre una etiqueta <p></p> con una clase CSS; en este caso, se llama "copiar-izquierda" y luego darle la vuelta con una propiedad 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 define una entidad estándar: ©
http://htmlhelp.com/reference/html40/entities/
Pero tenga cuidado de probar diferentes navegadores, porque no todas las entidades HTML estándar son compatibles con todos los navegadores.
También puede simplemente decirlo en un texto como "Copyright 2008 YourNameHere ".
No tiene que usar el símbolo de copyright para que su copyright sea legítimo.
http://www.copyright.gov/help/faq/faq-definitions.html#notice
editar: Woops, he entendido mal la pregunta. De todos modos, la información anterior puede ser útil para alguien.
Solo para que conste, no es necesario que sea una entidad HTML; en teoría, podría usar cualquier carácter Unicode , codificado como una entidad de caracteres como &#nnnn; (decimal) o &#xhhhh; (maleficio).
Entonces, si hay un logotipo de Creative Commons en Unicode, es posible que pueda usarlo. Pero aunque ciertamente hay muchos símbolos , no hay uno para Creative Commons AFAIK.
Parece que al menos se ha debatido en los foros de Unicode, así que quién sabe qué sucederá en el futuro.
Pero por ahora, es casi seguro que un gráfico sea la mejor manera de hacerlo aquí.
Como señaló Schnaader, hay una fuente TTF, pero el ritmo de su respuesta, en realidad puede reproducirse correctamente para las personas que no lo tienen instalado utilizando la etiqueta @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>
Por lo que sé, no hay un personaje para esto, así que tendrás que usar un gráfico.
Hay algunos buenos aquí . Por cierto, en esta página, también hay una fuente de logotipo que puede usar en HTML, pero esto no se mostrará correctamente para otros usuarios que no tengan la fuente instalada.
Gracias Nikki! También hay un símbolo CC (versión normal y compacta) que puede colocar en su página HTML, desde el sitio web de 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>.
Otra respuesta sería usar Font Awesome
Enlace: Font Awesome
Te da el símbolo que estabas buscando, pero no estaba allí cuando esta pregunta se hizo por primera vez.
Para usar este símbolo, copie el siguiente enlace en el encabezado de su página:
<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">
Luego, en este punto, le gustaría que el símbolo sea:
<i class="fa fa-creative-commons"></i>
Para obtener la lista completa de iconos disponibles con Font Awesome Visita:
Enlace: Font Awesome Icons
Como dice @schnaader , no creo que haya un código de entidad HTML para esto, pero tal vez podrías echar un vistazo aquí
Quizás revises esto:
Importar fontawesome.io
Coloque este enlace en su hoja de estilo:
https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.cssPonga este icono
class="fa fa-creative-commons"