html - 如何在 HTML 中编写 CC(知识共享标志)

标签 html html-encode

如何在 HTML 中编写 CC Logo ,是否有类似 ©(给出 ©)之类的东西?

(CC 代表知识共享)。

最佳答案

正如 schnaader 所指出的,有一种 TTF 字体,但是 pace 他的回答,它实际上可以为没有使用 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> 

Try out this example in jsFiddle .

关于html - 如何在 HTML 中编写 CC(知识共享标志),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/282171/

相关文章:

javascript - 为什么在 Canvas 中创建的行为不遵循规定的宽度和高度?

html - 在另一个CSS属性中包含一个CSS属性,以及CSS中 '&'的意义

html - 浏览器的地址栏尺寸会影响 CSS 媒体查询吗?

android - Android 的 Html.escapeHtml 和 TextUtils.htmlEncode 有什么区别?我什么时候应该使用一个或另一个?

html - 让元素填充剩余的水平空间

php - 执行 html_entity_decode 后出现奇怪的字符 (�)

asp.net - 如何阻止 gridview 列自动编码 html 实体

intellij-idea - 在Intellij IDEA中是否有类似Sublime的 "HTML: Encode Special Characters"的功能

php - 在 MySQL 中存储 HTML

html - 仅使用 CSS 将图像定位在四个不同的可能位置