記事 5 へのレス：
>>4
しち様！ご回答ありがとうございます！
確認しましたら<font>タグを使わずに本文を入れた場合でも文字は表示されていませんでした。
🔷全体デザインというのは画像のHEAD編集の認識でお間違いなかったのでしょうか？もしオレンジ色になっている全体デザインの方でしたら【#novel#】と書いてあります
以下はHEAD編集に書いてあるものになります。
<style>
@charset "UTF-8";
/* ウェブフォントの読み込み */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Hina+Mincho&family=Noto+Serif+JP:wght@200..900&display=swap');
/* 全体に適用する */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-weight: normal;
}
/* root */
:root {
--color: #203744;
--color2: #a7716c;
--white: #fff;
--black: #000;
--font: "Hina Mincho", serif;
}
/* 基本設定 */
body {
min-height: 100vh;
min-height: 100svh;
background: linear-gradient(to bottom, var(--color), var(--black));
text-align: left;
line-height: 1.7;
letter-spacing: 0.1em;
font-size: 13px;
font-family: "EB Garamond", "Noto Serif JP", serif;
color: var(--white);
}
/* 横幅768px以上で読み込む */
@media screen and (min-width: 768px) {
body {
font-size: 14px;
}
}
/* 横幅1024px以上で読み込む */
@media screen and (min-width: 1024px) {
body {
font-size: 15px;
}
}
/* リンク */
a,
a:visited {
font-family: var(--font);
color: var(--white);
transition: .5s all;
}
a:hover,
a:visited:hover {
color: var(--white);
}
header {
margin: 5em auto 1.5em;
}
header img {
display: block;
margin: 1.5em auto;
width: 100px;
height: auto;
}
header h1 {
text-align: center;
font-size: 1.5em;
font-family: var(--font);
color: var(--color2);
}
aside {
margin: 1em auto;
padding: 1em;
width: 80%;
max-width: 400px;
background-color: rgba(0, 0, 0, 0.2);
font-size: 12px;
}
main {
margin: 0 auto;
width: 80%;
max-width: 400px;
}
section {
margin: 3em auto;
padding: 2em;
border: thin solid var(--white);
}
section h2 {
text-decoration: underline;
font-family: var(--font);
font-size: 1.3em;
font-weight: bold;
}
section p {
font-size: 12px;
}
section ul,
section ol {
margin: 0.5em auto 1em;
}
section ul {
list-style-type: none;
}
section ul li a,
section ol li a {
transition: .5s color;
}
section ol {
list-style-position: inside;
list-style-type: decimal-leading-zero;
}
.yoko li {
position: relative;
display: inline-block;
margin-right: 1em;
}
.yoko li::before {
position: absolute;
display: block;
content: '/';
top: 50%;
right: -1em;
transform: translateY(-50%);
}
.yoko li:last-of-type::before {
display: none;
}
/* アーティクル */
article {
margin: 3em auto;
max-width: 700px;
padding: 1.5em;
background-color: var(--white);
}
article h1 {
margin-bottom: 1em;
text-align: center;
font-family: var(--font);
color: var(--black);
}
article p {
color: var(--black);
}
.menu {
margin: 2em auto;
text-align: center;
}
.menu li {
margin: 0 1em;
display: inline-block;
}
.menu li a,
.menu li a:visited {
text-decoration: none;
font-weight: bold;
color: var(--color);
}
/* フォーム系 */
input[type=text] {
width: 80px;
border: none;
border-bottom: thin solid var(--color2);
}
input[type=submit],
button[type=submit] {
border: thin solid var(--color2);
width: auto;
}
</style>
🔷文章画面編集は以下のように書いてあります。
<article>
<div class="menu">
<ul>
<div align="left" style="text-align:left;">#text#</div>
</ul>
</div>
#novel20_戻る#
</article>