<!doctype html>
<html>
<head>
<title>Your Font/Glyphs</title>
<link rel="stylesheet" href="style.css" />
<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
<style>
section, header, footer {display: block;}
body {
font-family: sans-serif;
color: #666;
line-height: 1.5;
font-size: 1em;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.glyph {
float: left;
text-align: center;
padding: .75em;
margin: .4em 1.5em .75em 0;
width: 6em;
text-shadow: none;
}
.glyph input {
font-family: consolas, monospace;
font-size: 12px;
width: 100%;
text-align: center;
border: 0;
box-shadow: 0 0 0 1px #ccc;
padding: .2em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.new {
color:#00adef !important;
}
.w-main {
width: 80%;
}
.centered {
margin-left: auto;
margin-right: auto;
}
.fs1 {
font-size: 2em;
}
header {
margin: 2em 0;
padding-bottom: .5em;
color: #666;
box-shadow: 0 2px #eee;
}
header h1 {
font-size: 2em;
font-weight: normal;
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after, .clear { clear: both; }
footer {
margin-top: 2em;
padding: .5em 0;
box-shadow: 0 -2px #eee;
}
a, a:visited {
color: #B35047;
text-decoration: none;
}
a:hover, a:focus {color: #000;}
.box1 {
font-size: 16px;
display: inline-block;
width: 30%;
padding: .25em .5em;
margin: 20px 10px 0 0;
}
</style>
</head>
<body>
<div class="w-main centered">
<section class="mtm clearfix" id="glyphs">
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="!"></div>
<input type="text" readonly value="&#x21;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="""></div>
<input type="text" readonly value="&#x22;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="#"></div>
<input type="text" readonly value="&#x23;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="$"></div>
<input type="text" readonly value="&#x24;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="%"></div>
<input type="text" readonly value="&#x25;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&"></div>
<input type="text" readonly value="&#x26;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="'"></div>
<input type="text" readonly value="&#x27;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="("></div>
<input type="text" readonly value="&#x28;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon=")"></div>
<input type="text" readonly value="&#x29;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="*"></div>
<input type="text" readonly value="&#x2a;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="+"></div>
<input type="text" readonly value="&#x2b;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon=","></div>
<input type="text" readonly value="&#x2c;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="-"></div>
<input type="text" readonly value="&#x2d;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="."></div>
<input type="text" readonly value="&#x2e;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="/"></div>
<input type="text" readonly value="&#x2f;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="0"></div>
<input type="text" readonly value="&#x30;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="1"></div>
<input type="text" readonly value="&#x31;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="2"></div>
<input type="text" readonly value="&#x32;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="3"></div>
<input type="text" readonly value="&#x33;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="4"></div>
<input type="text" readonly value="&#x34;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="5"></div>
<input type="text" readonly value="&#x35;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="6"></div>
<input type="text" readonly value="&#x36;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="7"></div>
<input type="text" readonly value="&#x37;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="8"></div>
<input type="text" readonly value="&#x38;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="9"></div>
<input type="text" readonly value="&#x39;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon=":"></div>
<input type="text" readonly value="&#x3a;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon=";"></div>
<input type="text" readonly value="&#x3b;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="<"></div>
<input type="text" readonly value="&#x3c;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="="></div>
<input type="text" readonly value="&#x3d;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon=">"></div>
<input type="text" readonly value="&#x3e;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="?"></div>
<input type="text" readonly value="&#x3f;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="@"></div>
<input type="text" readonly value="&#x40;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="A"></div>
<input type="text" readonly value="&#x41;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="B"></div>
<input type="text" readonly value="&#x42;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="C"></div>
<input type="text" readonly value="&#x43;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="D"></div>
<input type="text" readonly value="&#x44;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="E"></div>
<input type="text" readonly value="&#x45;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="F"></div>
<input type="text" readonly value="&#x46;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="G"></div>
<input type="text" readonly value="&#x47;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="H"></div>
<input type="text" readonly value="&#x48;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="I"></div>
<input type="text" readonly value="&#x49;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="J"></div>
<input type="text" readonly value="&#x4a;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="K"></div>
<input type="text" readonly value="&#x4b;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="L"></div>
<input type="text" readonly value
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- 基于 B 站评论区数据构建大语言模型训练用对话数据集详细文档+全部资料+源码.zip
- 基于 Apache Flink 构建赤兔实时计算平台是的企业级、一站式、高性能、低门槛实时大数据实时计算平台,广泛适用于流式数据应用开发场景详细文档+全部资料+源码.zip
- 基于 JavaFX+Pcap4J 开发的一个强大的跨平台底层数据包工具箱 sunny详细文档+全部资料+源码.zip
- 基于 vue、datav、Echart 框架的大数据可视化(大屏展示)模板详细文档+全部资料+源码.zip
- 基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统详细文档+全部资料+源码.zip
- 基于.Net8+AntBlazor+SemanticKernel 和KernelMemory 打造的AI知识库智能体,支持本地离线AI大模型。可以不联网离线运行
- 基于Apache POI导出大数据量(百万级)Excel的实现详细文档+全部资料+源码.zip
- 基于Android中原生SDK操作SQLite的封装,提升App的开发效率详细文档+全部资料+源码.zip
- 基于ak-design可视化低代码快速开发平台,通过可视化的操作,可轻松快速完成拖拽表单编辑设计器、数据列表页设计、流程管理设计器、数据大屏可视化拖拽设计编辑器
- 基于BufferedRandomAccessFile+Forkjoin读取大数据文件详细文档+全部资料+源码.zip
- 基于C#,数据库的大学生宿舍管理系统详细文档+全部资料+源码.zip
- 基于CNN训练的一套 "端到端" 的验证码识别模型,使用深度学习+训练数据+大量计算力,纯数字识别率高达 99.99%,数字+字母识别率 96%详细文档+全部资料+源码.zip
- 基于easyexcel大数据量数据导入导出异步处理组件详细文档+全部资料+源码.zip
- 基于Element-UI的Table 组件开发的虚拟滚动组件,支持动态高度,解决数据量大时滚动卡顿的问题详细文档+全部资料+源码.zip
- 基于Echarts的可视化数据大屏设计器(包含设计、预览、分享等全部流程)详细文档+全部资料+源码.zip
- 基于Echarts实现的数据中心超大屏幕监控详细文档+全部资料+源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈