flat-ui-fonts.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. @import url("https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300");
  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. }