CSS File

1@font-face {

2 font-family: 'revicons';

3 src: url('../fonts/revicons.eot?5510888');

4 src: url('../fonts/revicons.eot?5510888#iefix') format('embedded-opentype'),

5 url('../fonts/revicons.woff?5510888') format('woff'),

6 url('../fonts/revicons.ttf?5510888') format('truetype'),

7 url('../fonts/revicons.svg?5510888#revicons') format('svg');

8 font-weight: normal;

9 font-style: normal;

10 font-display: swap;

11}

12

13.testrevicon { display:inline-block}

14.testrevicon:before { font-family: inherit; content: '\e824';font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;}

15.testloadedicon .testrevicon:before { font-family: 'revicons'; content: '\e824';font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;}

16

17 [class^="revicon-"]:before, [class*=" revicon-"]:before {

18 font-family: "revicons";

19 font-style: normal;

20 font-weight: normal;

21 speak: never;

22 speak-as: spell-out;

23 display: inline-block;

24 text-decoration: inherit;

25 width: 1em;

26 margin-right: .2em;

27 text-align: center;

28

29 /* For safety - reset parent styles, that can break glyph codes*/

30 font-variant: normal;

31 text-transform: none;

32

33 /* fix buttons height, for twitter bootstrap */

34 line-height: 1em;

35

36 /* Animation center compensation - margins should be symmetric */

37 /* remove if not needed */

38 margin-left: .2em;

39

40 /* you can be more comfortable with increased icons size */

...