Mercurial > libervia-media
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'; } /* '' */ |