Chapter Text
- #Only HTML Text Formatting
- #Lists
- #HTML Entity
- #Fonts:
- -Monospace Fonts
- -Cursive Fonts
- -Fantasy Fonts
- -Serif Fonts
- -Sans-Serif Fonts
- -Symbol Fonts
- -Font Variant
<b>...</b> - Bold text
<strong>...</strong> - Important text
<i>...</i> - Italic text
<em>...</em> - Emphasized text
<mark>...</mark> - Marked text
[For some reason, this doesn’t work on AO3. It should look something like this: "Marked text" css: background: yellow; color: black;]
<small>...</small> - Smaller text
<big>...</big> - Big text
<del>...</del> - Deleted text
<ins>...</ins> - Inserted text
<sub>...</sub> - Subscript text
<sup>...</sup> - Superscript text
<blockquote>...</blockquote>
- Quoted text
text on the left. normal.
text in the center.
text on the right.
<p align="center">...</p>
<p align="right">...</p>
testse h1 <h1>...</h1>
teste h2 <h2>...</h2>
tetse h3 <h3>...</h3>
tetste h4 <h4>...</h4>
tetste h5 <h5>...</h5>
getste h6 <h6>...</h6>
<details>
<summary>Blockquote: Collapsible block quote. (open/close)</summary>
<blockquote>
text blablablabla text
</blockquote>
</details>
[Blockquote: Collapsible block quote. (open/close)]
Does this work? yep
Lists:
- blue
- red
- yellow
<ul>
<li>blue</li>
<li>red</li>
<li>yellow</li>
</ul>
- red
- blue
- yellow
<ol>
<li>red</li>
<li>blue</li>
<li>yellow</li>
</ol>
- red colors:
- - Crimson
- - red
- - FireBrick
- yellow colors:
- # Khaki
- # Gold
- # Yellow
<dl>
<dt>red colors:</dt>
<dd>- Crimson</dd>
<dd>- red</dd>
<dd>- FireBrick</dd>
<dt>yellow colors:</dt>
<dd># Khaki</dd>
<dd># Gold</dd>
<dd># Yellow</dd>
</dl>
HTML Entity:
<=<
>=>
FONTS:
**If the text below appears in the same font as the red text, your device does not have that font installed and is displaying a default monospace/cursive/fantasy/serif/sans-serif font instead.
Monospace Fonts:
.mono { font-family: monospace; }
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.courier-new {
font-family: "Courier New", monospace;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.cascadia-code {
font-family: "Cascadia Code", monospace;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.consolas {
font-family: Consolas, monospace;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
Cursive Fonts:
.Cursive {
font-family: cursive;}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.comic-sans-ms {
font-family: comic sans ms, cursive;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.segoe-script {
font-family: "Segoe Script", cursive;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.segoe-print {
font-family: "Segoe Print", cursive;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.gabriola {
font-family: Gabriola, cursive;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.ink-free {
font-family: "Ink Free", cursive;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
Fantasy Fonts:
.Fantasy { font-family: fantasy; }
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.Copperplate-Papyrus-fantasy { font-family: Copperplate, Papyrus, fantasy; }
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
Serif Fonts:
.serif {
font-family: serif;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.cambria {
font-family: Cambria, serif;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.constantia {
font-family: Constantia, serif;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.palatino-linotype {
font-family: "Palatino Linotype", serif;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
Sans-Serif Fonts:
.sans-serif {
font-family: sans-serif;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.bahnschrift {
font-family: Bahnschrift, sans-serif;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.candara {
font-family: Candara, sans-serif;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.corbel {
font-family: Corbel, sans-serif;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.impact {
font-family: Impact, sans-serif;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
Symbol Fonts:
.marlett {
font-family: Marlett;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.webdings {
font-family: Webdings;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.wingdings {
font-family: Wingdings;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
Font Variant:
.small-caps-i-b {
font-variant: small-caps;
font-weight: bold;
font-style: italic;
}
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.segoe-script .small-caps-i-b
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained
.gabriola .small-caps-i-b
The endless isolation
Can wear down my illusion
Someday, I'll make a dream unchained