Mercurial > libervia-media
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"></i> <span class="i-name">icon-angle-down</span><span class="i-code">0xf107</span> | 434 <i class="demo-icon icon-angle-down"></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"></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"></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"></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"></i> <span class="i-name">icon-smile</span><span class="i-code">0xf118</span> | 445 <i class="demo-icon icon-smile"></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"></i> <span class="i-name">icon-unlink</span><span class="i-code">0xf127</span> | 448 <i class="demo-icon icon-unlink"></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"></i> <span class="i-name">icon-shield</span><span class="i-code">0xf132</span> | 453 <i class="demo-icon icon-shield"></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"></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"></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"></i> <span class="i-name">icon-play-circled</span><span class="i-code">0xf144</span> | 459 <i class="demo-icon icon-play-circled"></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"></i> <span class="i-name">icon-level-up</span><span class="i-code">0xf148</span> | 462 <i class="demo-icon icon-level-up"></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"></i> <span class="i-name">icon-file-image</span><span class="i-code">0xf1c5</span> | 467 <i class="demo-icon icon-file-image"></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"></i> <span class="i-name">icon-file-audio</span><span class="i-code">0xf1c7</span> | 470 <i class="demo-icon icon-file-audio"></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"></i> <span class="i-name">icon-file-video</span><span class="i-code">0xf1c8</span> | 473 <i class="demo-icon icon-file-video"></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"></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"></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"></i> <span class="i-name">icon-share</span><span class="i-code">0xf1e0</span> | 481 <i class="demo-icon icon-share"></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"></i> <span class="i-name">icon-plug</span><span class="i-code">0xf1e6</span> | 484 <i class="demo-icon icon-plug"></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"></i> <span class="i-name">icon-brush</span><span class="i-code">0xf1fc</span> | 487 <i class="demo-icon icon-brush"></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"></i> <span class="i-name">icon-server</span><span class="i-code">0xf233</span> | 490 <i class="demo-icon icon-server"></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"></i> <span class="i-name">icon-basket</span><span class="i-code">0xf291</span> | 495 <i class="demo-icon icon-basket"></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"></i> <span class="i-name">icon-user-circle</span><span class="i-code">0xf2bd</span> | 498 <i class="demo-icon icon-user-circle"></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"></i> <span class="i-name">icon-search</span><span class="i-code">0xf50d</span> | 501 <i class="demo-icon icon-search"></i> <span class="i-name">icon-search</span><span class="i-code">0xf50d</span> |