diff --git a/README.md b/README.md
index 83cbf67..8865abf 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,11 @@ You will need the `Roboto` and `Source Sans Pro` fonts installed on your system
 - [Roboto](https://fonts.google.com/specimen/Roboto)
 - [Source Sans Pro](https://github.com/adobe-fonts/source-sans-pro)
 
-This template also uses FontAwesome icons via the [fontawesome](https://typst.app/universe/package/fontawesome) package.
+This template also uses FontAwesome icons via the [fontawesome](https://typst.app/universe/package/fontawesome) package. You will need to install the fontawesome fonts on your system or configure the `typst` web app to use them. You can download fontawesome [here](https://fontawesome.com/download).
+
+To use the fontawesome icons in the web app, add a `fonts` folder to your project and upload the `otf` files from the fontawesome download to this folder like so:
+
+![alt text](assets/images/typst_web_editor.png)
 
 See `typst fonts --help` for more information on configuring fonts for `typst` that are not installed on your system.
 
@@ -69,4 +73,4 @@ For more information on how to use and compile `typst` files, see the [official
 
 | | |
 | --- | --- |
-| ![Resume](resume.png) | ![Coverletter](coverletter.png) |
\ No newline at end of file
+| ![Resume](assets/images/resume.png) | ![Coverletter](assets/images/coverletter.png) |
diff --git a/coverletter.png b/assets/images/coverletter.png
similarity index 100%
rename from coverletter.png
rename to assets/images/coverletter.png
diff --git a/resume.png b/assets/images/resume.png
similarity index 100%
rename from resume.png
rename to assets/images/resume.png
diff --git a/assets/images/typst_web_editor.png b/assets/images/typst_web_editor.png
new file mode 100644
index 0000000..04dfa1d
Binary files /dev/null and b/assets/images/typst_web_editor.png differ