Hugging Face's logo

Spaces:
soiz1
/
Radio-Exercise_No.1
Running

App Files Community
soiz1 commited on
Commit
b0a706d
·
verified ·
1 Parent(s): 15bf8e4

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +8 -5
index.html CHANGED
@@ -3,6 +3,9 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <title>動画プレイヤー</title>
 
 
 
6
  <style>
7
  body {
8
  display: flex;
@@ -10,7 +13,7 @@
10
  align-items: center;
11
  background-color: #0a0a12;
12
  color: #00ffcc;
13
- font-family: 'Courier New', monospace;
14
  padding: 20px;
15
  margin: 0;
16
  }
@@ -42,7 +45,7 @@
42
  video::cue {
43
  background-color: rgba(0, 0, 0, 0.7) !important;
44
  color: #c7dbed !important;
45
- font-family: 'Courier New', monospace !important;
46
  text-shadow: 1px 1px 2px #000 !important;
47
  outline: 3px solid #0b3e8f !important;
48
  border-radius: 10px !important; /* 角を丸める */
@@ -128,7 +131,7 @@
128
  font-size: 14px;
129
  color: #00aaff;
130
  box-shadow: 0.1px 0.1px 0.1px black;
131
- font-family: 'Courier New', monospace;
132
  }
133
 
134
  .volume-container {
@@ -206,7 +209,7 @@
206
  color: #00ccff;
207
  border: 1px solid #0066ff;
208
  padding: 5px;
209
- font-family: 'Courier New', monospace;
210
  }
211
 
212
  button {
@@ -215,7 +218,7 @@
215
  border: 1px solid #0066ff;
216
  padding: 8px 15px;
217
  cursor: pointer;
218
- font-family: 'Courier New', monospace;
219
  transition: all 0.3s;
220
  align-self: flex-start;
221
  }
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <title>動画プレイヤー</title>
6
+ <link rel="preconnect" href="https://fonts.googleapis.com">
7
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8
+ <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap" rel="stylesheet">
9
  <style>
10
  body {
11
  display: flex;
 
13
  align-items: center;
14
  background-color: #0a0a12;
15
  color: #00ffcc;
16
+ font-family: "M PLUS Rounded 1c", monospace;
17
  padding: 20px;
18
  margin: 0;
19
  }
 
45
  video::cue {
46
  background-color: rgba(0, 0, 0, 0.7) !important;
47
  color: #c7dbed !important;
48
+ font-family: "M PLUS Rounded 1c", monospace !important;
49
  text-shadow: 1px 1px 2px #000 !important;
50
  outline: 3px solid #0b3e8f !important;
51
  border-radius: 10px !important; /* 角を丸める */
 
131
  font-size: 14px;
132
  color: #00aaff;
133
  box-shadow: 0.1px 0.1px 0.1px black;
134
+ font-family: "M PLUS Rounded 1c", monospace;
135
  }
136
 
137
  .volume-container {
 
209
  color: #00ccff;
210
  border: 1px solid #0066ff;
211
  padding: 5px;
212
+ font-family: "M PLUS Rounded 1c", monospace;
213
  }
214
 
215
  button {
 
218
  border: 1px solid #0066ff;
219
  padding: 8px 15px;
220
  cursor: pointer;
221
+ font-family: "M PLUS Rounded 1c", monospace;
222
  transition: all 0.3s;
223
  align-self: flex-start;
224
  }