comparison fonts/fontello/demo.html @ 87:7ce2d2475363

fonts (icons): add "quote-left" icon
author Goffi <goffi@goffi.org>
date Tue, 28 Nov 2023 17:45:28 +0100
parents b8386ab727ec
children 731c65802477
comparison
equal deleted inserted replaced
86:b8386ab727ec 87:7ce2d2475363
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?34594620'); 149 src: url('./font/fontello.eot?38010665');
150 src: url('./font/fontello.eot?34594620#iefix') format('embedded-opentype'), 150 src: url('./font/fontello.eot?38010665#iefix') format('embedded-opentype'),
151 url('./font/fontello.woff?34594620') format('woff'), 151 url('./font/fontello.woff?38010665') format('woff'),
152 url('./font/fontello.ttf?34594620') format('truetype'), 152 url('./font/fontello.ttf?38010665') format('truetype'),
153 url('./font/fontello.svg?34594620#fontello') format('svg'); 153 url('./font/fontello.svg?38010665#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";
433 <div class="span3" title="Code: 0xf107"> 433 <div class="span3" title="Code: 0xf107">
434 <i class="demo-icon icon-angle-down">&#xf107;</i> <span class="i-name">icon-angle-down</span><span class="i-code">0xf107</span> 434 <i class="demo-icon icon-angle-down">&#xf107;</i> <span class="i-name">icon-angle-down</span><span class="i-code">0xf107</span>
435 </div> 435 </div>
436 </div> 436 </div>
437 <div class="row"> 437 <div class="row">
438 <div class="span3" title="Code: 0xf10d">
439 <i class="demo-icon icon-quote-left">&#xf10d;</i> <span class="i-name">icon-quote-left</span><span class="i-code">0xf10d</span>
440 </div>
438 <div class="span3" title="Code: 0xf115"> 441 <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> 442 <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> 443 </div>
441 <div class="span3" title="Code: 0xf118"> 444 <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> 445 <i class="demo-icon icon-smile">&#xf118;</i> <span class="i-name">icon-smile</span><span class="i-code">0xf118</span>
443 </div> 446 </div>
444 <div class="span3" title="Code: 0xf127"> 447 <div class="span3" title="Code: 0xf127">
445 <i class="demo-icon icon-unlink">&#xf127;</i> <span class="i-name">icon-unlink</span><span class="i-code">0xf127</span> 448 <i class="demo-icon icon-unlink">&#xf127;</i> <span class="i-name">icon-unlink</span><span class="i-code">0xf127</span>
446 </div> 449 </div>
450 </div>
451 <div class="row">
447 <div class="span3" title="Code: 0xf132"> 452 <div class="span3" title="Code: 0xf132">
448 <i class="demo-icon icon-shield">&#xf132;</i> <span class="i-name">icon-shield</span><span class="i-code">0xf132</span> 453 <i class="demo-icon icon-shield">&#xf132;</i> <span class="i-name">icon-shield</span><span class="i-code">0xf132</span>
449 </div> 454 </div>
450 </div>
451 <div class="row">
452 <div class="span3" title="Code: 0xf142"> 455 <div class="span3" title="Code: 0xf142">
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> 456 <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>
454 </div> 457 </div>
455 <div class="span3" title="Code: 0xf144"> 458 <div class="span3" title="Code: 0xf144">
456 <i class="demo-icon icon-play-circled">&#xf144;</i> <span class="i-name">icon-play-circled</span><span class="i-code">0xf144</span> 459 <i class="demo-icon icon-play-circled">&#xf144;</i> <span class="i-name">icon-play-circled</span><span class="i-code">0xf144</span>
457 </div> 460 </div>
458 <div class="span3" title="Code: 0xf148"> 461 <div class="span3" title="Code: 0xf148">
459 <i class="demo-icon icon-level-up">&#xf148;</i> <span class="i-name">icon-level-up</span><span class="i-code">0xf148</span> 462 <i class="demo-icon icon-level-up">&#xf148;</i> <span class="i-name">icon-level-up</span><span class="i-code">0xf148</span>
460 </div> 463 </div>
464 </div>
465 <div class="row">
461 <div class="span3" title="Code: 0xf1c5"> 466 <div class="span3" title="Code: 0xf1c5">
462 <i class="demo-icon icon-file-image">&#xf1c5;</i> <span class="i-name">icon-file-image</span><span class="i-code">0xf1c5</span> 467 <i class="demo-icon icon-file-image">&#xf1c5;</i> <span class="i-name">icon-file-image</span><span class="i-code">0xf1c5</span>
463 </div> 468 </div>
464 </div>
465 <div class="row">
466 <div class="span3" title="Code: 0xf1c7"> 469 <div class="span3" title="Code: 0xf1c7">
467 <i class="demo-icon icon-file-audio">&#xf1c7;</i> <span class="i-name">icon-file-audio</span><span class="i-code">0xf1c7</span> 470 <i class="demo-icon icon-file-audio">&#xf1c7;</i> <span class="i-name">icon-file-audio</span><span class="i-code">0xf1c7</span>
468 </div> 471 </div>
469 <div class="span3" title="Code: 0xf1c8"> 472 <div class="span3" title="Code: 0xf1c8">
470 <i class="demo-icon icon-file-video">&#xf1c8;</i> <span class="i-name">icon-file-video</span><span class="i-code">0xf1c8</span> 473 <i class="demo-icon icon-file-video">&#xf1c8;</i> <span class="i-name">icon-file-video</span><span class="i-code">0xf1c8</span>
471 </div> 474 </div>
472 <div class="span3" title="Code: 0xf1d9"> 475 <div class="span3" title="Code: 0xf1d9">
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> 476 <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>
474 </div> 477 </div>
478 </div>
479 <div class="row">
475 <div class="span3" title="Code: 0xf1e0"> 480 <div class="span3" title="Code: 0xf1e0">
476 <i class="demo-icon icon-share">&#xf1e0;</i> <span class="i-name">icon-share</span><span class="i-code">0xf1e0</span> 481 <i class="demo-icon icon-share">&#xf1e0;</i> <span class="i-name">icon-share</span><span class="i-code">0xf1e0</span>
477 </div> 482 </div>
478 </div>
479 <div class="row">
480 <div class="span3" title="Code: 0xf1e6"> 483 <div class="span3" title="Code: 0xf1e6">
481 <i class="demo-icon icon-plug">&#xf1e6;</i> <span class="i-name">icon-plug</span><span class="i-code">0xf1e6</span> 484 <i class="demo-icon icon-plug">&#xf1e6;</i> <span class="i-name">icon-plug</span><span class="i-code">0xf1e6</span>
482 </div> 485 </div>
483 <div class="span3" title="Code: 0xf1fc"> 486 <div class="span3" title="Code: 0xf1fc">
484 <i class="demo-icon icon-brush">&#xf1fc;</i> <span class="i-name">icon-brush</span><span class="i-code">0xf1fc</span> 487 <i class="demo-icon icon-brush">&#xf1fc;</i> <span class="i-name">icon-brush</span><span class="i-code">0xf1fc</span>
485 </div> 488 </div>
486 <div class="span3" title="Code: 0xf233"> 489 <div class="span3" title="Code: 0xf233">
487 <i class="demo-icon icon-server">&#xf233;</i> <span class="i-name">icon-server</span><span class="i-code">0xf233</span> 490 <i class="demo-icon icon-server">&#xf233;</i> <span class="i-name">icon-server</span><span class="i-code">0xf233</span>
488 </div> 491 </div>
492 </div>
493 <div class="row">
489 <div class="span3" title="Code: 0xf291"> 494 <div class="span3" title="Code: 0xf291">
490 <i class="demo-icon icon-basket">&#xf291;</i> <span class="i-name">icon-basket</span><span class="i-code">0xf291</span> 495 <i class="demo-icon icon-basket">&#xf291;</i> <span class="i-name">icon-basket</span><span class="i-code">0xf291</span>
491 </div> 496 </div>
492 </div>
493 <div class="row">
494 <div class="span3" title="Code: 0xf2bd"> 497 <div class="span3" title="Code: 0xf2bd">
495 <i class="demo-icon icon-user-circle">&#xf2bd;</i> <span class="i-name">icon-user-circle</span><span class="i-code">0xf2bd</span> 498 <i class="demo-icon icon-user-circle">&#xf2bd;</i> <span class="i-name">icon-user-circle</span><span class="i-code">0xf2bd</span>
496 </div> 499 </div>
497 <div class="span3" title="Code: 0xf50d"> 500 <div class="span3" title="Code: 0xf50d">
498 <i class="demo-icon icon-search">&#xf50d;</i> <span class="i-name">icon-search</span><span class="i-code">0xf50d</span> 501 <i class="demo-icon icon-search">&#xf50d;</i> <span class="i-name">icon-search</span><span class="i-code">0xf50d</span>