root / snf-cyclades-app / synnefo / ui / new_ui / ui / testIconFonts / style.css @ b3c1328b
History | View | Annotate | Download (5.9 kB)
1 |
@font-face {
|
---|---|
2 |
font-family: 'test1'; |
3 |
src:url('fonts/test1.eot'); |
4 |
} |
5 |
@font-face {
|
6 |
font-family: 'test1'; |
7 |
src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'), |
8 |
url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'); |
9 |
font-weight: normal; |
10 |
font-style: normal; |
11 |
} |
12 |
|
13 |
/* Use the following CSS code if you want to use data attributes for inserting your icons */
|
14 |
[data-icon]:before { |
15 |
font-family: 'test1'; |
16 |
content: attr(data-icon); |
17 |
speak: none; |
18 |
font-weight: normal; |
19 |
font-variant: normal; |
20 |
text-transform: none; |
21 |
line-height: 1; |
22 |
-webkit-font-smoothing: antialiased; |
23 |
} |
24 |
|
25 |
/* Use the following CSS code if you want to have a class per icon */
|
26 |
/*
|
27 |
Instead of a list of all class selectors,
|
28 |
you can use the generic selector below, but it's slower:
|
29 |
[class*="icon-"] {
|
30 |
*/
|
31 |
.icon-twitter-off-black, .icon-remove, .icon-twitter-off-black-2 { |
32 |
font-family: 'test1'; |
33 |
speak: none; |
34 |
font-style: normal; |
35 |
font-weight: normal; |
36 |
font-variant: normal; |
37 |
text-transform: none; |
38 |
line-height: 1; |
39 |
-webkit-font-smoothing: antialiased; |
40 |
} |
41 |
.icon-twitter-off-black:before { |
42 |
content: "\61"; |
43 |
} |
44 |
.icon-remove:before { |
45 |
content: "\62"; |
46 |
} |
47 |
.icon-twitter-off-black-2:before { |
48 |
content: "\63"; |
49 |
} |