Mercurial > libervia-media

comparison fonts/fontello/demo.html @ 86:b8386ab727ec

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fonts (icons): add "smile" icon
author Goffi <goffi@goffi.org>
date Wed, 08 Nov 2023 16:41:23 +0100
parents 7575f644b20e
children 7ce2d2475363
comparison
equal deleted inserted replaced
85:7575f644b20e 86:b8386ab727ec
144 .i-code { 144 .i-code {
145 display: none; 145 display: none;
146 } 146 }
147 @font-face { 147 @font-face {
148 font-family: 'fontello'; 148 font-family: 'fontello';
149 src: url('./font/fontello.eot?41263184'); 149 src: url('./font/fontello.eot?34594620');
150 src: url('./font/fontello.eot?41263184#iefix') format('embedded-opentype'), 150 src: url('./font/fontello.eot?34594620#iefix') format('embedded-opentype'),
151 url('./font/fontello.woff?41263184') format('woff'), 151 url('./font/fontello.woff?34594620') format('woff'),
152 url('./font/fontello.ttf?41263184') format('truetype'), 152 url('./font/fontello.ttf?34594620') format('truetype'),
153 url('./font/fontello.svg?41263184#fontello') format('svg'); 153 url('./font/fontello.svg?34594620#fontello') format('svg');
154 font-weight: normal; 154 font-weight: normal;
155 font-style: normal; 155 font-style: normal;
156 } 156 }
157 .demo-icon { 157 .demo-icon {
158 font-family: "fontello"; 158 font-family: "fontello";
436 </div> 436 </div>
437 <div class="row"> 437 <div class="row">
438 <div class="span3" title="Code: 0xf115"> 438 <div class="span3" title="Code: 0xf115">
439 <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> 439 <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>
440 </div> 440 </div>
441 <div class="span3" title="Code: 0xf118">
442 <i class="demo-icon icon-smile">&#xf118;</i> <span class="i-name">icon-smile</span><span class="i-code">0xf118</span>
443 </div>
441 <div class="span3" title="Code: 0xf127"> 444 <div class="span3" title="Code: 0xf127">
442 <i class="demo-icon icon-unlink">&#xf127;</i> <span class="i-name">icon-unlink</span><span class="i-code">0xf127</span> 445 <i class="demo-icon icon-unlink">&#xf127;</i> <span class="i-name">icon-unlink</span><span class="i-code">0xf127</span>
443 </div> 446 </div>
444 <div class="span3" title="Code: 0xf132"> 447 <div class="span3" title="Code: 0xf132">
445 <i class="demo-icon icon-shield">&#xf132;</i> <span class="i-name">icon-shield</span><span class="i-code">0xf132</span> 448 <i class="demo-icon icon-shield">&#xf132;</i> <span class="i-name">icon-shield</span><span class="i-code">0xf132</span>
446 </div> 449 </div>
450 </div>
451 <div class="row">
447 <div class="span3" title="Code: 0xf142"> 452 <div class="span3" title="Code: 0xf142">
448 <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> 453 <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>
449 </div> 454 </div>
450 </div>
451 <div class="row">
452 <div class="span3" title="Code: 0xf144"> 455 <div class="span3" title="Code: 0xf144">
453 <i class="demo-icon icon-play-circled">&#xf144;</i> <span class="i-name">icon-play-circled</span><span class="i-code">0xf144</span> 456 <i class="demo-icon icon-play-circled">&#xf144;</i> <span class="i-name">icon-play-circled</span><span class="i-code">0xf144</span>
454 </div> 457 </div>
455 <div class="span3" title="Code: 0xf148"> 458 <div class="span3" title="Code: 0xf148">
456 <i class="demo-icon icon-level-up">&#xf148;</i> <span class="i-name">icon-level-up</span><span class="i-code">0xf148</span> 459 <i class="demo-icon icon-level-up">&#xf148;</i> <span class="i-name">icon-level-up</span><span class="i-code">0xf148</span>
457 </div> 460 </div>
458 <div class="span3" title="Code: 0xf1c5"> 461 <div class="span3" title="Code: 0xf1c5">
459 <i class="demo-icon icon-file-image">&#xf1c5;</i> <span class="i-name">icon-file-image</span><span class="i-code">0xf1c5</span> 462 <i class="demo-icon icon-file-image">&#xf1c5;</i> <span class="i-name">icon-file-image</span><span class="i-code">0xf1c5</span>
460 </div> 463 </div>
464 </div>
465 <div class="row">
461 <div class="span3" title="Code: 0xf1c7"> 466 <div class="span3" title="Code: 0xf1c7">
462 <i class="demo-icon icon-file-audio">&#xf1c7;</i> <span class="i-name">icon-file-audio</span><span class="i-code">0xf1c7</span> 467 <i class="demo-icon icon-file-audio">&#xf1c7;</i> <span class="i-name">icon-file-audio</span><span class="i-code">0xf1c7</span>
463 </div> 468 </div>
464 </div>
465 <div class="row">
466 <div class="span3" title="Code: 0xf1c8"> 469 <div class="span3" title="Code: 0xf1c8">
467 <i class="demo-icon icon-file-video">&#xf1c8;</i> <span class="i-name">icon-file-video</span><span class="i-code">0xf1c8</span> 470 <i class="demo-icon icon-file-video">&#xf1c8;</i> <span class="i-name">icon-file-video</span><span class="i-code">0xf1c8</span>
468 </div> 471 </div>
469 <div class="span3" title="Code: 0xf1d9"> 472 <div class="span3" title="Code: 0xf1d9">
470 <i class="demo-icon icon-paper-plane-empty">&#xf1d9;</i> <span class="i-name">icon-paper-plane-empty</span><span class="i-code">0xf1d9</span> 473 <i class="demo-icon icon-paper-plane-empty">&#xf1d9;</i> <span class="i-name">icon-paper-plane-empty</span><span class="i-code">0xf1d9</span>
471 </div> 474 </div>
472 <div class="span3" title="Code: 0xf1e0"> 475 <div class="span3" title="Code: 0xf1e0">
473 <i class="demo-icon icon-share">&#xf1e0;</i> <span class="i-name">icon-share</span><span class="i-code">0xf1e0</span> 476 <i class="demo-icon icon-share">&#xf1e0;</i> <span class="i-name">icon-share</span><span class="i-code">0xf1e0</span>
474 </div> 477 </div>
478 </div>
479 <div class="row">
475 <div class="span3" title="Code: 0xf1e6"> 480 <div class="span3" title="Code: 0xf1e6">
476 <i class="demo-icon icon-plug">&#xf1e6;</i> <span class="i-name">icon-plug</span><span class="i-code">0xf1e6</span> 481 <i class="demo-icon icon-plug">&#xf1e6;</i> <span class="i-name">icon-plug</span><span class="i-code">0xf1e6</span>
477 </div> 482 </div>
478 </div>
479 <div class="row">
480 <div class="span3" title="Code: 0xf1fc"> 483 <div class="span3" title="Code: 0xf1fc">
481 <i class="demo-icon icon-brush">&#xf1fc;</i> <span class="i-name">icon-brush</span><span class="i-code">0xf1fc</span> 484 <i class="demo-icon icon-brush">&#xf1fc;</i> <span class="i-name">icon-brush</span><span class="i-code">0xf1fc</span>
482 </div> 485 </div>
483 <div class="span3" title="Code: 0xf233"> 486 <div class="span3" title="Code: 0xf233">
484 <i class="demo-icon icon-server">&#xf233;</i> <span class="i-name">icon-server</span><span class="i-code">0xf233</span> 487 <i class="demo-icon icon-server">&#xf233;</i> <span class="i-name">icon-server</span><span class="i-code">0xf233</span>
485 </div> 488 </div>
486 <div class="span3" title="Code: 0xf291"> 489 <div class="span3" title="Code: 0xf291">
487 <i class="demo-icon icon-basket">&#xf291;</i> <span class="i-name">icon-basket</span><span class="i-code">0xf291</span> 490 <i class="demo-icon icon-basket">&#xf291;</i> <span class="i-name">icon-basket</span><span class="i-code">0xf291</span>
488 </div> 491 </div>
492 </div>
493 <div class="row">
489 <div class="span3" title="Code: 0xf2bd"> 494 <div class="span3" title="Code: 0xf2bd">
490 <i class="demo-icon icon-user-circle">&#xf2bd;</i> <span class="i-name">icon-user-circle</span><span class="i-code">0xf2bd</span> 495 <i class="demo-icon icon-user-circle">&#xf2bd;</i> <span class="i-name">icon-user-circle</span><span class="i-code">0xf2bd</span>
491 </div> 496 </div>
492 </div>
493 <div class="row">
494 <div class="span3" title="Code: 0xf50d"> 497 <div class="span3" title="Code: 0xf50d">
495 <i class="demo-icon icon-search">&#xf50d;</i> <span class="i-name">icon-search</span><span class="i-code">0xf50d</span> 498 <i class="demo-icon icon-search">&#xf50d;</i> <span class="i-name">icon-search</span><span class="i-code">0xf50d</span>
496 </div> 499 </div>
497 </div> 500 </div>
498 </div> 501 </div>