comparison fonts/fontello/demo.html @ 43:edbbdece2a68

fonts: added icons
author Goffi <goffi@goffi.org>
date Sat, 24 Mar 2018 10:31:36 +0100
parents 9a8a5d8f5b86
children 76c1ffbeb119
comparison
equal deleted inserted replaced
42:9a8a5d8f5b86 43:edbbdece2a68
227 .i-code { 227 .i-code {
228 display: none; 228 display: none;
229 } 229 }
230 @font-face { 230 @font-face {
231 font-family: 'fontello'; 231 font-family: 'fontello';
232 src: url('./font/fontello.eot?35623923'); 232 src: url('./font/fontello.eot?38196884');
233 src: url('./font/fontello.eot?35623923#iefix') format('embedded-opentype'), 233 src: url('./font/fontello.eot?38196884#iefix') format('embedded-opentype'),
234 url('./font/fontello.woff?35623923') format('woff'), 234 url('./font/fontello.woff?38196884') format('woff'),
235 url('./font/fontello.ttf?35623923') format('truetype'), 235 url('./font/fontello.ttf?38196884') format('truetype'),
236 url('./font/fontello.svg?35623923#fontello') format('svg'); 236 url('./font/fontello.svg?38196884#fontello') format('svg');
237 font-weight: normal; 237 font-weight: normal;
238 font-style: normal; 238 font-style: normal;
239 } 239 }
240 240
241 241
297 </label> 297 </label>
298 </div> 298 </div>
299 <div class="container" id="icons"> 299 <div class="container" id="icons">
300 <div class="row"> 300 <div class="row">
301 <div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon icon-doc">&#xe800;</i> <span class="i-name">icon-doc</span><span class="i-code">0xe800</span></div> 301 <div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon icon-doc">&#xe800;</i> <span class="i-name">icon-doc</span><span class="i-code">0xe800</span></div>
302 <div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon icon-desktop">&#xe801;</i> <span class="i-name">icon-desktop</span><span class="i-code">0xe801</span></div>
303 <div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon icon-mobile">&#xe802;</i> <span class="i-name">icon-mobile</span><span class="i-code">0xe802</span></div>
304 <div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon icon-globe">&#xe803;</i> <span class="i-name">icon-globe</span><span class="i-code">0xe803</span></div>
305 </div>
306 <div class="row">
307 <div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon icon-terminal">&#xe804;</i> <span class="i-name">icon-terminal</span><span class="i-code">0xe804</span></div>
308 <div class="the-icons span3" title="Code: 0xf0e5"><i class="demo-icon icon-comment-empty">&#xf0e5;</i> <span class="i-name">icon-comment-empty</span><span class="i-code">0xf0e5</span></div>
302 <div class="the-icons span3" title="Code: 0xf115"><i class="demo-icon icon-folder-open-empty">&#xf115;</i> <span class="i-name">icon-folder-open-empty</span><span class="i-code">0xf115</span></div> 309 <div class="the-icons span3" title="Code: 0xf115"><i class="demo-icon icon-folder-open-empty">&#xf115;</i> <span class="i-name">icon-folder-open-empty</span><span class="i-code">0xf115</span></div>
303 <div class="the-icons span3" title="Code: 0xf148"><i class="demo-icon icon-level-up">&#xf148;</i> <span class="i-name">icon-level-up</span><span class="i-code">0xf148</span></div> 310 <div class="the-icons span3" title="Code: 0xf148"><i class="demo-icon icon-level-up">&#xf148;</i> <span class="i-name">icon-level-up</span><span class="i-code">0xf148</span></div>
304 <div class="the-icons span3" title="Code: 0xf1c5"><i class="demo-icon icon-file-image">&#xf1c5;</i> <span class="i-name">icon-file-image</span><span class="i-code">0xf1c5</span></div>
305 </div> 311 </div>
306 <div class="row"> 312 <div class="row">
313 <div class="the-icons span3" title="Code: 0xf1c5"><i class="demo-icon icon-file-image">&#xf1c5;</i> <span class="i-name">icon-file-image</span><span class="i-code">0xf1c5</span></div>
307 <div class="the-icons span3" title="Code: 0xf1c7"><i class="demo-icon icon-file-audio">&#xf1c7;</i> <span class="i-name">icon-file-audio</span><span class="i-code">0xf1c7</span></div> 314 <div class="the-icons span3" title="Code: 0xf1c7"><i class="demo-icon icon-file-audio">&#xf1c7;</i> <span class="i-name">icon-file-audio</span><span class="i-code">0xf1c7</span></div>
308 <div class="the-icons span3" title="Code: 0xf1c8"><i class="demo-icon icon-file-video">&#xf1c8;</i> <span class="i-name">icon-file-video</span><span class="i-code">0xf1c8</span></div> 315 <div class="the-icons span3" title="Code: 0xf1c8"><i class="demo-icon icon-file-video">&#xf1c8;</i> <span class="i-name">icon-file-video</span><span class="i-code">0xf1c8</span></div>
316 <div class="the-icons span3" title="Code: 0xf233"><i class="demo-icon icon-server">&#xf233;</i> <span class="i-name">icon-server</span><span class="i-code">0xf233</span></div>
309 </div> 317 </div>
310 </div> 318 </div>
311 <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div> 319 <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
312 </body> 320 </body>
313 </html> 321 </html>