提交 | 用户 | 时间
|
58d006
|
1 |
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300"); |
A |
2 |
@font-face { |
|
3 |
font-family: 'Flat-UI-Icons'; |
|
4 |
src: url('../fonts/Flat-UI-Icons.eot'); |
|
5 |
src: url('../fonts/Flat-UI-Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Flat-UI-Icons.woff') format('woff'), url('../fonts/Flat-UI-Icons.ttf') format('truetype'), url('../fonts/Flat-UI-Icons.svg#Flat-UI-Icons') format('svg'); |
|
6 |
font-weight: normal; |
|
7 |
font-style: normal; |
|
8 |
} |
|
9 |
/* Use the following CSS code if you want to use data attributes for inserting your icons */ |
|
10 |
[data-icon]:before { |
|
11 |
font-family: 'Flat-UI-Icons'; |
|
12 |
content: attr(data-icon); |
|
13 |
speak: none; |
|
14 |
font-weight: normal; |
|
15 |
font-variant: normal; |
|
16 |
text-transform: none; |
|
17 |
-webkit-font-smoothing: antialiased; |
|
18 |
} |
|
19 |
/* Use the following CSS code if you want to have a class per icon */ |
|
20 |
/* |
|
21 |
Instead of a list of all class selectors, |
|
22 |
you can use the generic selector below, but it's slower: |
|
23 |
[class*="fui-"] { |
|
24 |
*/ |
|
25 |
.fui-arrow-right, |
|
26 |
.fui-arrow-left, |
|
27 |
.fui-cmd, |
|
28 |
.fui-check-inverted, |
|
29 |
.fui-heart, |
|
30 |
.fui-location, |
|
31 |
.fui-plus, |
|
32 |
.fui-check, |
|
33 |
.fui-cross, |
|
34 |
.fui-list, |
|
35 |
.fui-new, |
|
36 |
.fui-video, |
|
37 |
.fui-photo, |
|
38 |
.fui-volume, |
|
39 |
.fui-time, |
|
40 |
.fui-eye, |
|
41 |
.fui-chat, |
|
42 |
.fui-search, |
|
43 |
.fui-user, |
|
44 |
.fui-mail, |
|
45 |
.fui-lock, |
|
46 |
.fui-gear, |
|
47 |
.fui-radio-unchecked, |
|
48 |
.fui-radio-checked, |
|
49 |
.fui-checkbox-unchecked, |
|
50 |
.fui-checkbox-checked, |
|
51 |
.fui-calendar-solid, |
|
52 |
.fui-pause, |
|
53 |
.fui-play, |
|
54 |
.fui-check-inverted-2 { |
|
55 |
display: inline-block; |
|
56 |
font-family: 'Flat-UI-Icons'; |
|
57 |
speak: none; |
|
58 |
font-style: normal; |
|
59 |
font-weight: normal; |
|
60 |
font-variant: normal; |
|
61 |
text-transform: none; |
|
62 |
-webkit-font-smoothing: antialiased; |
|
63 |
} |
|
64 |
.fui-arrow-right:before { |
|
65 |
content: "\e02c"; |
|
66 |
} |
|
67 |
.fui-arrow-left:before { |
|
68 |
content: "\e02d"; |
|
69 |
} |
|
70 |
.fui-cmd:before { |
|
71 |
content: "\e02f"; |
|
72 |
} |
|
73 |
.fui-check-inverted:before { |
|
74 |
content: "\e006"; |
|
75 |
} |
|
76 |
.fui-heart:before { |
|
77 |
content: "\e007"; |
|
78 |
} |
|
79 |
.fui-location:before { |
|
80 |
content: "\e008"; |
|
81 |
} |
|
82 |
.fui-plus:before { |
|
83 |
content: "\e009"; |
|
84 |
} |
|
85 |
.fui-check:before { |
|
86 |
content: "\e00a"; |
|
87 |
} |
|
88 |
.fui-cross:before { |
|
89 |
content: "\e00b"; |
|
90 |
} |
|
91 |
.fui-list:before { |
|
92 |
content: "\e00c"; |
|
93 |
} |
|
94 |
.fui-new:before { |
|
95 |
content: "\e00d"; |
|
96 |
} |
|
97 |
.fui-video:before { |
|
98 |
content: "\e00e"; |
|
99 |
} |
|
100 |
.fui-photo:before { |
|
101 |
content: "\e00f"; |
|
102 |
} |
|
103 |
.fui-volume:before { |
|
104 |
content: "\e010"; |
|
105 |
} |
|
106 |
.fui-time:before { |
|
107 |
content: "\e011"; |
|
108 |
} |
|
109 |
.fui-eye:before { |
|
110 |
content: "\e012"; |
|
111 |
} |
|
112 |
.fui-chat:before { |
|
113 |
content: "\e013"; |
|
114 |
} |
|
115 |
.fui-search:before { |
|
116 |
content: "\e01c"; |
|
117 |
} |
|
118 |
.fui-user:before { |
|
119 |
content: "\e01d"; |
|
120 |
} |
|
121 |
.fui-mail:before { |
|
122 |
content: "\e01e"; |
|
123 |
} |
|
124 |
.fui-lock:before { |
|
125 |
content: "\e01f"; |
|
126 |
} |
|
127 |
.fui-gear:before { |
|
128 |
content: "\e024"; |
|
129 |
} |
|
130 |
.fui-radio-unchecked:before { |
|
131 |
content: "\e02b"; |
|
132 |
} |
|
133 |
.fui-radio-checked:before { |
|
134 |
content: "\e032"; |
|
135 |
} |
|
136 |
.fui-checkbox-unchecked:before { |
|
137 |
content: "\e033"; |
|
138 |
} |
|
139 |
.fui-checkbox-checked:before { |
|
140 |
content: "\e034"; |
|
141 |
} |
|
142 |
.fui-calendar-solid:before { |
|
143 |
content: "\e022"; |
|
144 |
} |
|
145 |
.fui-pause:before { |
|
146 |
content: "\e03b"; |
|
147 |
} |
|
148 |
.fui-play:before { |
|
149 |
content: "\e03c"; |
|
150 |
} |
|
151 |
.fui-check-inverted-2:before { |
|
152 |
content: "\e000"; |
|
153 |
} |