comparison fonts/fontello/css/fontello.css @ 42:9a8a5d8f5b86

fonts: added a set of icon fonts generated by fontello + their plain svg version (cf. README_SAT)
author Goffi <goffi@goffi.org>
date Sun, 11 Mar 2018 19:13:35 +0100
parents
children edbbdece2a68
comparison
equal deleted inserted replaced
41:f8ece5fe01ec 42:9a8a5d8f5b86
1 @font-face {
2 font-family: 'fontello';
3 src: url('../font/fontello.eot?95304879');
4 src: url('../font/fontello.eot?95304879#iefix') format('embedded-opentype'),
5 url('../font/fontello.woff2?95304879') format('woff2'),
6 url('../font/fontello.woff?95304879') format('woff'),
7 url('../font/fontello.ttf?95304879') format('truetype'),
8 url('../font/fontello.svg?95304879#fontello') format('svg');
9 font-weight: normal;
10 font-style: normal;
11 }
12 /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
13 /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
14 /*
15 @media screen and (-webkit-min-device-pixel-ratio:0) {
16 @font-face {
17 font-family: 'fontello';
18 src: url('../font/fontello.svg?95304879#fontello') format('svg');
19 }
20 }
21 */
22
23 [class^="icon-"]:before, [class*=" icon-"]:before {
24 font-family: "fontello";
25 font-style: normal;
26 font-weight: normal;
27 speak: none;
28
29 display: inline-block;
30 text-decoration: inherit;
31 width: 1em;
32 margin-right: .2em;
33 text-align: center;
34 /* opacity: .8; */
35
36 /* For safety - reset parent styles, that can break glyph codes*/
37 font-variant: normal;
38 text-transform: none;
39
40 /* fix buttons height, for twitter bootstrap */
41 line-height: 1em;
42
43 /* Animation center compensation - margins should be symmetric */
44 /* remove if not needed */
45 margin-left: .2em;
46
47 /* you can be more comfortable with increased icons size */
48 /* font-size: 120%; */
49
50 /* Font smoothing. That was taken from TWBS */
51 -webkit-font-smoothing: antialiased;
52 -moz-osx-font-smoothing: grayscale;
53
54 /* Uncomment for 3D effect */
55 /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
56 }
57
58 .icon-doc:before { content: '\e800'; } /* '' */
59 .icon-folder-open-empty:before { content: '\f115'; } /* '' */
60 .icon-level-up:before { content: '\f148'; } /* '' */
61 .icon-file-image:before { content: '\f1c5'; } /* '' */
62 .icon-file-audio:before { content: '\f1c7'; } /* '' */
63 .icon-file-video:before { content: '\f1c8'; } /* '' */