comparison fonts/fontello/demo.html @ 75:255ad1b65519

fonts (icons): added "loop-alt" and "upload" icons
author Goffi <goffi@goffi.org>
date Sun, 23 Feb 2020 16:26:14 +0100
parents 5ca5a876fef3
children 0af8e53c638e
comparison
equal deleted inserted replaced
74:5ca5a876fef3 75:255ad1b65519
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?46729346'); 232 src: url('./font/fontello.eot?96507200');
233 src: url('./font/fontello.eot?46729346#iefix') format('embedded-opentype'), 233 src: url('./font/fontello.eot?96507200#iefix') format('embedded-opentype'),
234 url('./font/fontello.woff?46729346') format('woff'), 234 url('./font/fontello.woff?96507200') format('woff'),
235 url('./font/fontello.ttf?46729346') format('truetype'), 235 url('./font/fontello.ttf?96507200') format('truetype'),
236 url('./font/fontello.svg?46729346#fontello') format('svg'); 236 url('./font/fontello.svg?96507200#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
353 </div> 353 </div>
354 <div class="row"> 354 <div class="row">
355 <div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon icon-forward">&#xe824;</i> <span class="i-name">icon-forward</span><span class="i-code">0xe824</span></div> 355 <div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon icon-forward">&#xe824;</i> <span class="i-name">icon-forward</span><span class="i-code">0xe824</span></div>
356 <div class="the-icons span3" title="Code: 0xe825"><i class="demo-icon icon-box">&#xe825;</i> <span class="i-name">icon-box</span><span class="i-code">0xe825</span></div> 356 <div class="the-icons span3" title="Code: 0xe825"><i class="demo-icon icon-box">&#xe825;</i> <span class="i-name">icon-box</span><span class="i-code">0xe825</span></div>
357 <div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon icon-feed">&#xe826;</i> <span class="i-name">icon-feed</span><span class="i-code">0xe826</span></div> 357 <div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon icon-feed">&#xe826;</i> <span class="i-name">icon-feed</span><span class="i-code">0xe826</span></div>
358 <div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon icon-upload">&#xe827;</i> <span class="i-name">icon-upload</span><span class="i-code">0xe827</span></div>
359 </div>
360 <div class="row">
358 <div class="the-icons span3" title="Code: 0xe828"><i class="demo-icon icon-cancel-circled">&#xe828;</i> <span class="i-name">icon-cancel-circled</span><span class="i-code">0xe828</span></div> 361 <div class="the-icons span3" title="Code: 0xe828"><i class="demo-icon icon-cancel-circled">&#xe828;</i> <span class="i-name">icon-cancel-circled</span><span class="i-code">0xe828</span></div>
359 </div> 362 <div class="the-icons span3" title="Code: 0xe829"><i class="demo-icon icon-loop-alt">&#xe829;</i> <span class="i-name">icon-loop-alt</span><span class="i-code">0xe829</span></div>
360 <div class="row">
361 <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> 363 <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>
362 <div class="the-icons span3" title="Code: 0xf100"><i class="demo-icon icon-angle-double-left">&#xf100;</i> <span class="i-name">icon-angle-double-left</span><span class="i-code">0xf100</span></div> 364 <div class="the-icons span3" title="Code: 0xf100"><i class="demo-icon icon-angle-double-left">&#xf100;</i> <span class="i-name">icon-angle-double-left</span><span class="i-code">0xf100</span></div>
365 </div>
366 <div class="row">
363 <div class="the-icons span3" title="Code: 0xf101"><i class="demo-icon icon-angle-double-right">&#xf101;</i> <span class="i-name">icon-angle-double-right</span><span class="i-code">0xf101</span></div> 367 <div class="the-icons span3" title="Code: 0xf101"><i class="demo-icon icon-angle-double-right">&#xf101;</i> <span class="i-name">icon-angle-double-right</span><span class="i-code">0xf101</span></div>
364 <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> 368 <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>
365 </div>
366 <div class="row">
367 <div class="the-icons span3" title="Code: 0xf127"><i class="demo-icon icon-unlink">&#xf127;</i> <span class="i-name">icon-unlink</span><span class="i-code">0xf127</span></div> 369 <div class="the-icons span3" title="Code: 0xf127"><i class="demo-icon icon-unlink">&#xf127;</i> <span class="i-name">icon-unlink</span><span class="i-code">0xf127</span></div>
368 <div class="the-icons span3" title="Code: 0xf132"><i class="demo-icon icon-shield">&#xf132;</i> <span class="i-name">icon-shield</span><span class="i-code">0xf132</span></div> 370 <div class="the-icons span3" title="Code: 0xf132"><i class="demo-icon icon-shield">&#xf132;</i> <span class="i-name">icon-shield</span><span class="i-code">0xf132</span></div>
371 </div>
372 <div class="row">
369 <div class="the-icons span3" title="Code: 0xf142"><i class="demo-icon icon-dot-3-vert">&#xf142;</i> <span class="i-name">icon-dot-3-vert</span><span class="i-code">0xf142</span></div> 373 <div class="the-icons span3" title="Code: 0xf142"><i class="demo-icon icon-dot-3-vert">&#xf142;</i> <span class="i-name">icon-dot-3-vert</span><span class="i-code">0xf142</span></div>
370 <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> 374 <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>
371 </div>
372 <div class="row">
373 <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> 375 <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>
374 <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> 376 <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>
377 </div>
378 <div class="row">
375 <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> 379 <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>
376 <div class="the-icons span3" title="Code: 0xf1e0"><i class="demo-icon icon-share">&#xf1e0;</i> <span class="i-name">icon-share</span><span class="i-code">0xf1e0</span></div> 380 <div class="the-icons span3" title="Code: 0xf1e0"><i class="demo-icon icon-share">&#xf1e0;</i> <span class="i-name">icon-share</span><span class="i-code">0xf1e0</span></div>
377 </div>
378 <div class="row">
379 <div class="the-icons span3" title="Code: 0xf1e6"><i class="demo-icon icon-plug">&#xf1e6;</i> <span class="i-name">icon-plug</span><span class="i-code">0xf1e6</span></div> 381 <div class="the-icons span3" title="Code: 0xf1e6"><i class="demo-icon icon-plug">&#xf1e6;</i> <span class="i-name">icon-plug</span><span class="i-code">0xf1e6</span></div>
380 <div class="the-icons span3" title="Code: 0xf1fc"><i class="demo-icon icon-brush">&#xf1fc;</i> <span class="i-name">icon-brush</span><span class="i-code">0xf1fc</span></div> 382 <div class="the-icons span3" title="Code: 0xf1fc"><i class="demo-icon icon-brush">&#xf1fc;</i> <span class="i-name">icon-brush</span><span class="i-code">0xf1fc</span></div>
383 </div>
384 <div class="row">
381 <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> 385 <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>
382 </div> 386 </div>
383 </div> 387 </div>
384 <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div> 388 <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
385 </body> 389 </body>