diff --git a/manuals/font.md b/manuals/font.md
index 2620346ad..32c0dd432 100644
--- a/manuals/font.md
+++ b/manuals/font.md
@@ -20,7 +20,7 @@ Fonts added to your project are automatically converted into a texture format th
 - Bitmap
 - Distance field
 
-<div class='important' markdown='1'>
+<div class='sidenote' markdown='1'>
 It is possible to [generate font glyphs at runtime](/extension-fontgen) from a bundled TrueType font instead of generating and including a font texture in the application bundle. This approach can greatly reduce the download size and runtime memory consumption of a Defold game.
 </div>
 
diff --git a/manuals/images/font/df_font.png b/manuals/images/font/df_font.png
index a5cdc7988..d99264b5a 100644
Binary files a/manuals/images/font/df_font.png and b/manuals/images/font/df_font.png differ
diff --git a/manuals/images/font/df_font@2x.png b/manuals/images/font/df_font@2x.png
index e30f2c772..49aee9584 100644
Binary files a/manuals/images/font/df_font@2x.png and b/manuals/images/font/df_font@2x.png differ