diff --git a/README.md b/README.md
index 4200726..e0b3266 100644
--- a/README.md
+++ b/README.md
@@ -3,6 +3,7 @@
 * [Links](LINKS.md)
 * [HTML](HTML.md)
 * [Design & Layout](Design.md)
+* [Typographie](Typo.md)
 * CSS
 * JavaScript
 * PHP
diff --git a/TOOLS.md b/TOOLS.md
index 033aba5..02985a7 100644
--- a/TOOLS.md
+++ b/TOOLS.md
@@ -25,4 +25,11 @@
 
 ## Browser Erweiterungen
 * [HTML Extension Chromium](https://chrome.google.com/webstore/search/html?hl=de&_category=extensions)
-* [HTML Extension Mozilla](https://addons.mozilla.org/de/firefox/search/?q=html&type=extension)
\ No newline at end of file
+* [HTML Extension Mozilla](https://addons.mozilla.org/de/firefox/search/?q=html&type=extension)
+
+## Typographie
+* [use&modify](https://usemodify.com/)
+* [archetype](https://archetypeapp.com/)
+* [fontjoy](https://fontjoy.com/)
+* [gridlover](https://www.gridlover.net/)
+* [Fontsquirrel](https://www.fontsquirrel.com/)
\ No newline at end of file
diff --git a/Typo.md b/Typo.md
new file mode 100644
index 0000000..9c99f65
--- /dev/null
+++ b/Typo.md
@@ -0,0 +1,18 @@
+# Typographie & Font
+## Typotechnik
+* [Variable fonts](https://www.creativebloq.com/features/get-started-with-variable-fonts-in-css)
+* [Responsive-typography](https://dev.to/laurilllll/how-to-create-responsive-typography-using-css-three-different-methods-explained-50f8)
+* [What Is Typography](https://careerfoundry.com/en/blog/ui-design/beginners-guide-to-typography/#4-how-do-you-choose-the-right-typeface-for-your-website)
+* [Typekit Practice](https://practice.typekit.com/)
+
+## Typographie im Webdesign
+* [mouthwash](https://mouthwash.co/journal)
+* [bathtubgin](https://bathtubginnyc.com/)
+* [Session Japan](http://sessionjapan.com/)
+
+## Werkzeuge
+* [use&modify](https://usemodify.com/)
+* [archetype](https://archetypeapp.com/)
+* [fontjoy](https://fontjoy.com/)
+* [gridlover](https://www.gridlover.net/)
+* [Fontsquirrel](https://www.fontsquirrel.com/)
\ No newline at end of file