fonts.css 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. *{
  2. font-family: 'FiraSans';
  3. word-wrap: break-word;
  4. font-weight: normal;
  5. }
  6. body,input[type=text],input[type=password],textarea{
  7. font-size: 130%;
  8. line-height: 1.6875;
  9. }
  10. pre {
  11. font-family: 'FiraMono';
  12. white-space: pre-wrap;
  13. }
  14. @media only screen and (min-width: 400px){
  15. body,input[type=text],input[type=password],textarea{
  16. font-size: 120%;
  17. }
  18. }
  19. @media only screen and (min-width: 800px){
  20. body,input[type=text],input[type=password],textarea{
  21. font-size: 110%;
  22. }
  23. }
  24. @media only screen and (min-width: 1100px){
  25. body,input[type=text],input[type=password],textarea{
  26. font-size: 100%;
  27. }
  28. }
  29. @font-face {
  30. font-family: 'FiraSans';
  31. src: url('fonts/FiraSans/FiraSans/FiraSans-Regular.eot');
  32. src: url('fonts/FiraSans/FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
  33. url('fonts/FiraSans/FiraSans-Regular.woff') format('woff'),
  34. url('fonts/FiraSans/FiraSans-Regular.ttf') format('truetype');
  35. font-weight: normal;
  36. font-style: normal;
  37. }
  38. @font-face {
  39. font-family: 'FiraSans';
  40. src: url('fonts/FiraSans/FiraSans-Light.eot');
  41. src: url('fonts/FiraSans/FiraSans-Light.eot?#iefix') format('embedded-opentype'),
  42. url('fonts/FiraSans/FiraSans-Light.woff') format('woff'),
  43. url('fonts/FiraSans/FiraSans-Light.ttf') format('truetype');
  44. font-weight: 300;
  45. font-style: normal;
  46. }
  47. @font-face {
  48. font-family: 'FiraSans';
  49. src: url('fonts/FiraSans/FiraSans-Medium.eot');
  50. src: url('fonts/FiraSans/FiraSans-Medium.eot?#iefix') format('embedded-opentype'),
  51. url('fonts/FiraSans/FiraSans-Medium.woff') format('woff'),
  52. url('fonts/FiraSans/FiraSans-Medium.ttf') format('truetype');
  53. font-weight: 500;
  54. font-style: normal;
  55. }
  56. @font-face {
  57. font-family: 'FiraSans';
  58. src: url('fonts/FiraSans/FiraSans-Bold.eot');
  59. src: url('fonts/FiraSans/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
  60. url('fonts/FiraSans/FiraSans-Bold.woff') format('woff'),
  61. url('fonts/FiraSans/FiraSans-Bold.ttf') format('truetype');
  62. font-weight: bold;
  63. font-style: normal;
  64. }
  65. @font-face {
  66. font-family: 'FiraMono';
  67. src: url('fonts/FiraMono/FiraMono/FiraMono-Regular.eot');
  68. src: url('fonts/FiraMono/FiraMono-Regular.eot?#iefix') format('embedded-opentype'),
  69. url('fonts/FiraMono/FiraMono-Regular.woff') format('woff'),
  70. url('fonts/FiraMono/FiraMono-Regular.ttf') format('truetype');
  71. font-weight: normal;
  72. font-style: normal;
  73. }
  74. @font-face {
  75. font-family: 'FiraMono';
  76. src: url('fonts/FiraMono/FiraMono-Bold.eot');
  77. src: url('fonts/FiraMono/FiraMono-Bold.eot?#iefix') format('embedded-opentype'),
  78. url('fonts/FiraMono/FiraMono-Bold.woff') format('woff'),
  79. url('fonts/FiraMono/FiraMono-Bold.ttf') format('truetype');
  80. font-weight: bold;
  81. font-style: normal;
  82. }