I will use this
(Open, Unmoderated)
Recent bookmarks
-
Ao3 Font/Typeface Test Strip by Caboshone
Fandoms: Original Work, css - Fandom, HTML - Fandom, Work Skins - Fandom, AO3 help - Fandom
28 Mar 2026
Tags
Summary
A test page list of fonts/typefaces (all css safe fonts and some extras) to see which ones ao3 will let your browser render. There are many work skin guides out there, but I have found a lot of them don't work properly for me with the fonts (especially cursive ones). So this is just a basic tool to make choosing your fonts easier. All fonts that fail to load are set to load into Segoe Script since it's very noticeable. Kind of doesn't work though ngl a lot of them keep defaulting to Arial when they fail. But I am bad at CSS and HTML and have no chance of success so.. yeah
Specifically made to help me translate the css work linked in the "inspired by" section to my own fics, since a lot of fonts just showed up as the cursive/monospace/serif defaults on my side.
-
How to create a work skin to have different fonts and colors in your works by Goddess_of_the_arena
Fandoms: css - Fandom, HTML - Fandom, Work Skins - Fandom, AO3 help - Fandom
30 May 2024
Tags
Summary
This is a tutorial on how to use different fonts on Ao3, how to make them in different sizes and how to make them colored as well.
It also contains two ready-to-use codes to give your fonts a gradient effect. There are both the code for the linear gradient effect and the code for the radial gradient effect.
CHAPTER 2 contains the visual examples of every font that you find in chapter 1.
WARNING: all the codes in this guide were tested on a computer. I can't guarantee the effect when the work they are applied to is read on a mobile phone.Series
- Part 2 of CSS GUIDES
- Part 2 of Goddess_of_the_arena's CSS Playground