main.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. @font-face {
  2. font-family: "NotoSansCJKsc";
  3. font-weight: normal;
  4. font-style: normal;
  5. src: url("../Fonts/NotoSansCJKsc-DemiLight.otf");
  6. }
  7. @font-face {
  8. font-family: "NotoMono";
  9. font-weight: normal;
  10. font-style: normal;
  11. src: url("../Fonts/NotoMono.otf");
  12. }
  13. @font-face {
  14. font-family: "NotoSerif";
  15. font-weight: normal;
  16. font-style: normal;
  17. src: url("../Fonts/NotoSerif.otf");
  18. }
  19. h1 {
  20. font-size: 40px;
  21. }
  22. h2 {
  23. font-size: 30px;
  24. }
  25. h3 {
  26. font-size: 22px;
  27. }
  28. body {
  29. font-size: 20px;
  30. font-family: "NotoSerif", serif;
  31. font-weight: normal;
  32. font-style: serif;
  33. }
  34. ul {
  35. font-size: 20px;
  36. }
  37. ol {
  38. font-size: 20px;
  39. }
  40. h1, h2, h3 {
  41. text-align: center;
  42. }
  43. .hanzist {
  44. color: red;
  45. font-size: 30px;
  46. font-family: "NotoSansCJKsc";
  47. }
  48. .hanzi {
  49. color: red;
  50. font-size: 22px;
  51. font-family: "NotoSansCJKsc";
  52. }
  53. .pinyin {
  54. color: blue;
  55. }
  56. .pinyinst {
  57. color: blue;
  58. font-size: 30px;
  59. }
  60. .un {
  61. font-size: 22px;
  62. text-align: center;
  63. background-color: lightblue;
  64. border-style: solid;
  65. border-width: 1px;
  66. margin: auto;
  67. width: 50%;
  68. padding: 30px 30px 30px 30px;
  69. }
  70. .deux {
  71. font-size: 22px;
  72. text-align: center;
  73. background-color: lightblue;
  74. border-style: solid;
  75. border-width: 1px;
  76. margin: auto;
  77. width: 70%;
  78. padding: 30px 30px 30px 30px;
  79. }
  80. .exemple {
  81. margin-left: 30px;
  82. }