Fics like How to create a work skin to have different fonts and colors in your works

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.

You may also like

  1. CSS in Testing by InfinitysWraith (Ao3 Skins - Fandom, Work Skins - Fandom, more)
  2. How to create your work skins to have colored text by Goddess_of_the_arena (AO3 help - Fandom)
  3. How to create a work skin to highlight your text and create text boxes by Goddess_of_the_arena (HTML - Fandom, css - Fandom, more)
  4. Fonts, and colors, and work skins, oh my! by %F0%9D%96%80%F0%9D%93%B7%E1%B6%A6%F0%9D%95%94%E2%93%9E%C3%B0%C9%99%20E%20%E2%93%82%EF%B8%8F%F0%9F%85%BE%EF%B8%8Fj%CD%83%CD%AD%CD%A8%CC%82%CC%9A%CC%90%CC%B5%CD%8D%CC%9F%CC%9D%CC%9D%CC%96%CC%AE%E2%84%B9%EF%B8%8F, Charles_Rockafellor (css - Fandom, Work Skins - Fandom)
  5. How to add emoticon and emoji to your story title, username, chapter title, notes and summary by Goddess_of_the_arena (HTML - Fandom, css - Fandom, more)
  6. The Scriptorium [Work Skin] by LostQuill_lab (AO3, Archive of Our Own, more)
  7. Css in Testing: Second in the Series by InfinitysWraith (Ao3-Skins, Work-Skins, more)
  8. How to create your work skin to change the background color and text style of your story by Goddess_of_the_arena (HTML - Fandom, css - Fandom, more)
  9. How to combine hover and transition to style your works by Goddess_of_the_arena (AO3 help - Fandom, No Fandom)
  10. Ao3 Font/Typeface Test Strip by Caboshone (Original Work, css - Fandom, more)
  11. Dark Mode Skin That Makes Ao3 Look Like Discord by trx (Archive of Our Own, AO3, more)
  12. How to target specific elements of your work (for work skins) by hearker (HTML - Fandom, Work Skins - Fandom, more)
  13. Google Docs Site Skin (v1.0 desktop only) by HumorousBrine (Testing, css - Fandom, more)