prosenjit-itobuz
8/25/2017 - 7:14 AM

_icon-preview.html

_icon-preview.html

_icon-preview.html
content_copyfile_download
<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>