html _icon-preview.html
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html _icon-preview.html相关的知识,希望对你有一定的参考价值。
<html>
<head>
<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css">
<style>
@font-face {
font-family: "<%= fontName %>";
src:url('../src/assets/fonts/<%= fontName %>.woff') format('woff'),
url('../src/assets/fonts/<%= fontName %>.ttf') format('truetype'),
url('../src/assets/fonts/<%= fontName %>.svg#<%= fontName %>') format('svg');
}
.<%= cssClass%> {
font-family: "<%= fontName %>";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
}
<% _.each(glyphs, function(glyph) { %>.<%= cssClass%>-<%= glyph.fileName %>:before {
content: "\<%= glyph.codePoint %>";
}
<% }); %>
</style>
</head>
<body>
<div class="container">
<div class="row">
<% _.each(glyphs, function(glyph) { %>
<div class="col-6 col-sm-4 col-md-3 text-center">
<i class="<%= cssClass%> <%= cssClass%>-<%= glyph.fileName %>"></i>
<p><%= cssClass%>-<%= glyph.fileName %></p>
</div>
<% }); %>
</div>
</div>
</body>
</html>
以上是关于html _icon-preview.html的主要内容,如果未能解决你的问题,请参考以下文章
html bookmarks_2017_5_9.html
html IF_06_07_home.page.html
html IF_06_06_home.page.html
html IF_04_19_Actionsheet_HTML
html IF_04_17_AlertController_HTML
html IF_04_15_ToastController_HTML