プレゼンテーションモードを良い感じにするCSS
Last updated
Unknown
Edit Source
- cssで凸版ゴシックを使うようにした
- フォントない環境(mac以外)だとダメだと思うけど、まあ多分自分の環境でしか動かさんからいいかな
- 別にフォント違っても見れないわけじゃないし
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| @import url("https://fonts.googleapis.com/css?family=Kosugi Maru");
.app.presentation .line.section-title {
font-family: "Toppan Bunkyu Midashi Gothic";
font-size: 5vw;
}
.app.presentation .line.line-title {
font-family: "Toppan Bunkyu Midashi Gothic";
font-size: 6vw;
}
.app.presentation .line {
font-family: "Toppan Bunkyu Gothic";
font-weight: bold;
color: black;
line-height: 160%;
font-size: 2.3vw;
}
|
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| .app.presentation .line .dot {
width: .8vw;
height: .8vw;
top: calc(.8em - .25vw);
right: 1vw;
}
.app.presentation .line .indent-mark .dot {
background-color: #dfdfdf;
}
.app.presentation .deco-\# {
top: 25vh;
position: relative;
}
.app.presentation .deco-\* {
font-family: "Toppan Bunkyu Midashi Gothic";
}
.app.presentation .deco-\~ {
font-family: "Toppan Bunkyu Midashi Gothic";
}
.app.presentation .deco-\+ {
font-family: "Toppan Bunkyu Midashi Gothic";
}
.app.presentation {
--page-bg: #fff;
--body-bg: #ffffff;
}
html[data-display-style*=presentation] body {
background-color: #fff;
}
|