fonts.css 2.4 KB

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