プレゼンテーションモードを良い感じにするCSS
cssで凸版ゴシックを使うようにした
フォントない環境(mac以外)だとダメだと思うけど、まあ多分自分の環境でしか動かさんからいいかな
別にフォント違っても見れないわけじゃないし
https://gyazo.com/cdc9b24d32019d45b99a512a5c921213
code:style.css
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:&display=swap");
.app.presentation .line.section-title {
font-family: "Zen Maru Gothic";
font-weight: 900;
font-size: 5vw;
}
.app.presentation .line.line-title {
font-family: "Zen Maru Gothic";
font-weight: 900;
font-size: 6vw;
}
.app.presentation .line {
font-family: "Zen Maru Gothic";
font-weight: 400;
font-weight: bold;
color: black;
line-height: 160%;
font-size: 2.3vw;
}
code:style.css
.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: "Zen Maru Gothic";
}
.app.presentation .deco-\~ {
font-family: "Zen Maru Gothic";
}
.app.presentation .deco-\+ {
font-family: "Zen Maru Gothic";
}
.app.presentation {
--page-bg: #fff;
--body-bg: #ffffff;
}
htmldata-display-style*=presentation body {
background-color: #fff;
}