Mercurial > libervia-media

comparison fonts/fontello/demo.html @ 81:7b2df5255b79

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fonts (icons): added "basket", "check" and "publish" icons
author Goffi <goffi@goffi.org>
date Thu, 25 Feb 2021 13:53:59 +0100
parents 4110f84cbde5
children d31fac1efcee
comparison
equal deleted inserted replaced
80:4110f84cbde5 81:7b2df5255b79
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?36808628'); 232 src: url('./font/fontello.eot?57762608');
233 src: url('./font/fontello.eot?36808628#iefix') format('embedded-opentype'), 233 src: url('./font/fontello.eot?57762608#iefix') format('embedded-opentype'),
234 url('./font/fontello.woff?36808628') format('woff'), 234 url('./font/fontello.woff?57762608') format('woff'),
235 url('./font/fontello.ttf?36808628') format('truetype'), 235 url('./font/fontello.ttf?57762608') format('truetype'),
236 url('./font/fontello.svg?36808628#fontello') format('svg'); 236 url('./font/fontello.svg?57762608#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
374 <div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon icon-volume-up">&#xe830;</i> <span class="i-name">icon-volume-up</span><span class="i-code">0xe830</span></div> 374 <div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon icon-volume-up">&#xe830;</i> <span class="i-name">icon-volume-up</span><span class="i-code">0xe830</span></div>
375 <div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon icon-resize-full">&#xe831;</i> <span class="i-name">icon-resize-full</span><span class="i-code">0xe831</span></div> 375 <div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon icon-resize-full">&#xe831;</i> <span class="i-name">icon-resize-full</span><span class="i-code">0xe831</span></div>
376 <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon icon-resize-small">&#xe832;</i> <span class="i-name">icon-resize-small</span><span class="i-code">0xe832</span></div> 376 <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon icon-resize-small">&#xe832;</i> <span class="i-name">icon-resize-small</span><span class="i-code">0xe832</span></div>
377 </div> 377 </div>
378 <div class="row"> 378 <div class="row">
379 <div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon icon-check">&#xe833;</i> <span class="i-name">icon-check</span><span class="i-code">0xe833</span></div>
380 <div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon icon-publish">&#xe834;</i> <span class="i-name">icon-publish</span><span class="i-code">0xe834</span></div>
379 <div class="the-icons span3" title="Code: 0xf0e0"><i class="demo-icon icon-mail-filled">&#xf0e0;</i> <span class="i-name">icon-mail-filled</span><span class="i-code">0xf0e0</span></div> 381 <div class="the-icons span3" title="Code: 0xf0e0"><i class="demo-icon icon-mail-filled">&#xf0e0;</i> <span class="i-name">icon-mail-filled</span><span class="i-code">0xf0e0</span></div>
380 <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> 382 <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>
383 </div>
384 <div class="row">
381 <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> 385 <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>
382 <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> 386 <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>
383 </div>
384 <div class="row">
385 <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> 387 <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>
386 <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> 388 <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>
389 </div>
390 <div class="row">
387 <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> 391 <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>
388 <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> 392 <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>
389 </div>
390 <div class="row">
391 <div class="the-icons span3" title="Code: 0xf144"><i class="demo-icon icon-play-circled">&#xf144;</i> <span class="i-name">icon-play-circled</span><span class="i-code">0xf144</span></div> 393 <div class="the-icons span3" title="Code: 0xf144"><i class="demo-icon icon-play-circled">&#xf144;</i> <span class="i-name">icon-play-circled</span><span class="i-code">0xf144</span></div>
392 <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> 394 <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>
395 </div>
396 <div class="row">
393 <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> 397 <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>
394 <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> 398 <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>
395 </div>
396 <div class="row">
397 <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> 399 <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>
398 <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> 400 <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>
401 </div>
402 <div class="row">
399 <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> 403 <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>
400 <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> 404 <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>
401 </div>
402 <div class="row">
403 <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> 405 <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>
406 <div class="the-icons span3" title="Code: 0xf291"><i class="demo-icon icon-basket">&#xf291;</i> <span class="i-name">icon-basket</span><span class="i-code">0xf291</span></div>
407 </div>
408 <div class="row">
404 <div class="the-icons span3" title="Code: 0xf50d"><i class="demo-icon icon-search">&#xf50d;</i> <span class="i-name">icon-search</span><span class="i-code">0xf50d</span></div> 409 <div class="the-icons span3" title="Code: 0xf50d"><i class="demo-icon icon-search">&#xf50d;</i> <span class="i-name">icon-search</span><span class="i-code">0xf50d</span></div>
405 </div> 410 </div>
406 </div> 411 </div>
407 <div class="container footer">Generated by <a href="https://fontello.com">fontello.com</a></div> 412 <div class="container footer">Generated by <a href="https://fontello.com">fontello.com</a></div>
408 </body> 413 </body>